# API Reference <!-- AUTO-GENERATED:reference --> Every Svelte component exported from `src/lib/components/`, rendered mechanically from the sveld extraction JSON. No prose — just prop, slot, and event tables. ## Root ### `<AppPageBreadcrumb />` Source: `src/lib/components/AppPageBreadcrumb.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | segments | AppBreadcrumbSegment[] | — | no | yes | Ancestor segments only (current page title is shown separately, e.g. in `h1`). A trailing `/` is always rendered after the last segment. | ### `<AppPageLayout />` Source: `src/lib/components/AppPageLayout.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | segments | AppBreadcrumbSegment[] | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | actions | — | | | title | — | | ### `<AppPageScaffold />` Source: `src/lib/components/AppPageScaffold.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | title | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | header | — | | | headerExtras | — | | ### `<AppServerBanner />` Source: `src/lib/components/AppServerBanner.svelte` ### `<AppShell />` Source: `src/lib/components/AppShell.svelte` **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<AppSidebar />` Source: `src/lib/components/AppSidebar.svelte` ### `<AppTopbar />` Source: `src/lib/components/AppTopbar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | unreadNotifications | number | 3 | no | no | | ### `<BrowserClientInfo />` Source: `src/lib/components/BrowserClientInfo.svelte` ### `<button />` Source: `src/lib/components/button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | loading | boolean | false | no | no | | | onClickPromise | unknown | — | no | yes | | | onclick | unknown | — | no | yes | | | disabled | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<CommandPalette />` Source: `src/lib/components/CommandPalette.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | false | yes | no | | ### `<FormPageLayout />` Source: `src/lib/components/FormPageLayout.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | title | string | — | no | no | | | entity | string | — | no | yes | | | rowUuid | string | — | no | yes | | | auditData | Record<string, any> | — | no | yes | | | auditingColumns | MetaColumn[] | — | no | yes | | | isCreatePage | boolean | false | no | no | | | meta | EntityMetadata | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | footerActions | — | | | header | — | | | headerExtras | — | | ### `<LangSelect />` Source: `src/lib/components/LangSelect.svelte` ### `<ThemeToggle />` Source: `src/lib/components/ThemeToggle.svelte` ## auth ### `<LoginForm />` Source: `src/lib/components/auth/LoginForm.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | onsuccess | (data: { success: boolean; user: any }) => void | — | no | no | | | onerror | () => void | — | no | no | | ### `<SessionExpiredDialog />` Source: `src/lib/components/auth/SessionExpiredDialog.svelte` ## date-dropper ### `<date-wheel-picker />` Source: `src/lib/components/date-dropper/date-wheel-picker.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | unknown | — | yes | yes | | | placeholder | unknown | $t("common.selectDate") | no | no | | | includeTime | boolean | false | no | no | | | defaultTime | unknown | undefined | no | no | | | timezone | unknown | — | yes | yes | | ## entity-list-table ### `<BulkActions />` Source: `src/lib/components/entity-list-table/toolbar/BulkActions.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | selectedCount | number | — | no | yes | | | onBulkDelete | () => void | — | no | yes | | | onBulkRestore | () => void | — | no | yes | | | onBulkExport | () => void | — | no | yes | | | onBulkDuplicate | () => void | — | no | yes | | | rowActions | { duplicate?: boolean; delete?: boolean; export?: boolean } | — | no | yes | | ### `<BulkActionsToolbar />` Source: `src/lib/components/entity-list-table/components/BulkActionsToolbar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | toolbarMode | 'filters' \| 'bulk' | — | no | yes | | | hasAppliedFilters | boolean | — | no | yes | | | filterValues | Record<string, unknown> | — | no | yes | | | advancedFilters | AdvancedFilter[] | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | hasDeletedSelected | boolean | — | no | yes | | | allSelectedDeleted | boolean | — | no | yes | | | filterableColumns | MetaColumn[] | — | no | yes | | | onResetFilters | () => void | — | no | yes | | | onFilterValuesChange | (values: Record<string, unknown>) => void | — | no | yes | | | onAdvancedFiltersChange | (filters: AdvancedFilter[], logic: 'AND' \| 'OR') => void | — | no | yes | | | onToggleToolbarMode | () => void | — | no | yes | | | onBulkExport | () => void | — | no | yes | | | onHtmlExport | () => void | — | no | yes | | | onBulkDuplicate | () => void | — | no | yes | | | onBulkDelete | () => void | — | no | yes | | | onBulkRestore | () => void | — | no | yes | | ### `<BulkDeleteDialog />` Source: `src/lib/components/entity-list-table/dialogs/BulkDeleteDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | selectedCount | number | — | no | yes | | | isDeleting | boolean | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<BulkRestoreDialog />` Source: `src/lib/components/entity-list-table/dialogs/BulkRestoreDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | selectedCount | number | — | no | yes | | | isRestoring | boolean | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<CardActions />` Source: `src/lib/components/entity-list-table/components/CardActions.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | rowKey | string | — | no | yes | | | rowSelected | boolean | — | no | yes | | | rowDeleted | boolean | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | entityRowActions | { edit?: boolean; duplicate?: boolean; preview?: boolean; delete?: boolean; } | — | no | no | | | dropdownMenuRow | TRow \| null | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: TRow) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onLoadVersionHistory | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | onPreviewRow | (row: TRow) => void | — | no | yes | | | isListMode | boolean | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | rowActions | — | | ### `<CardField />` Source: `src/lib/components/entity-list-table/cards/CardField.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | Record<string, unknown> | — | no | yes | | | column | MetaColumn | — | no | yes | | | rowSelected | boolean | — | no | yes | | | rowDeleted | boolean | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | viewMode | 'cards_grid' \| 'cards_list' | — | no | no | | | datetimeIanaRenderTick | number | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | cell | — | | ### `<CardFieldRenderer />` Source: `src/lib/components/entity-list-table/components/CardFieldRenderer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | column | MetaColumn | — | no | yes | | | rowSelected | boolean | — | no | yes | | | rowDeleted | boolean | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | stickyColumnsGroup | MetaColumn[] | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | cell | Snippet<[{ row: TRow; column: MetaColumn }]> | — | no | no | | | viewMode | 'cards_list' \| 'cards_grid' | — | no | yes | | ### `<CardGrid />` Source: `src/lib/components/entity-list-table/cards/CardGrid.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | rows | Record<string, unknown>[] | — | no | yes | | | columns | MetaColumn[] | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | onSelectedKeysChange | (keys: string[]) => void | — | no | yes | | | uid | string | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | rowActions | any | — | no | no | | | entityRowActions | { duplicate?: boolean; delete?: boolean; edit?: boolean; preview?: boolean } | — | no | no | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | no | | | viewMode | 'cards_grid' \| 'cards_list' | — | no | yes | | | onRowClick | (row: Record<string, unknown>, key: string, e: MouseEvent) => void | — | no | no | | | onPreviewRow | (row: Record<string, unknown>) => void | — | no | no | | | onEditRow | (row: Record<string, unknown>) => void | — | no | no | | | onDeleteRow | (row: Record<string, unknown>) => void | — | no | no | | | onRestoreRow | (row: Record<string, unknown>) => void | — | no | no | | | onDuplicateRow | (row: Record<string, unknown>) => void | — | no | no | | | onVersionHistory | (row: Record<string, unknown>) => void | — | no | no | | | rowFocusedIndex | number \| null | — | no | no | | | cell | any | — | no | no | | | isRowDeleted | (row: Record<string, unknown>) => boolean | — | no | no | | ### `<CardItem />` Source: `src/lib/components/entity-list-table/components/CardItem.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | index | number | — | no | yes | | | rowKey | string | — | no | yes | | | rowSelected | boolean | — | no | yes | | | rowDeleted | boolean | — | no | yes | | | rowFocused | boolean | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | shownColumns | MetaColumn[] | — | no | yes | | | stickyColumnsGroup | MetaColumn[] | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | cell | Snippet<[{ row: TRow; column: MetaColumn }]> | — | no | no | | | rowActions | Snippet<[{ row: TRow }]> | — | no | no | | | entityRowActions | { edit?: boolean; duplicate?: boolean; preview?: boolean; delete?: boolean; } | — | no | no | | | dropdownMenuRow | TRow \| null | — | no | yes | | | viewMode | 'cards_list' \| 'cards_grid' | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: TRow) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onLoadVersionHistory | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | onPreviewRow | (row: TRow) => void | — | no | yes | | | selectedKeys | string[] | — | no | yes | | ### `<CardList />` Source: `src/lib/components/entity-list-table/cards/CardList.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | rows | Record<string, unknown>[] | — | no | yes | | | columns | MetaColumn[] | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | onSelectedKeysChange | (keys: string[]) => void | — | no | yes | | | uid | string | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | rowActions | any | — | no | no | | | entityRowActions | { duplicate?: boolean; delete?: boolean; edit?: boolean; preview?: boolean } | — | no | no | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | no | | | viewMode | 'cards_grid' \| 'cards_list' | — | no | yes | | | onRowClick | (row: Record<string, unknown>, key: string, e: MouseEvent) => void | — | no | no | | | onPreviewRow | (row: Record<string, unknown>) => void | — | no | no | | | onEditRow | (row: Record<string, unknown>) => void | — | no | no | | | onDeleteRow | (row: Record<string, unknown>) => void | — | no | no | | | onRestoreRow | (row: Record<string, unknown>) => void | — | no | no | | | onDuplicateRow | (row: Record<string, unknown>) => void | — | no | no | | | onVersionHistory | (row: Record<string, unknown>) => void | — | no | no | | | rowFocusedIndex | number \| null | — | no | no | | | cell | any | — | no | no | | | isRowDeleted | (row: Record<string, unknown>) => boolean | — | no | no | | ### `<CardViewRenderer />` Source: `src/lib/components/entity-list-table/components/CardViewRenderer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | viewMode | 'cards_list' \| 'cards_grid' \| 'cards' | — | no | yes | | | viewRows | TRow[] | — | no | yes | | | shownColumns | MetaColumn[] | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | rowKey | (row: TRow) => string | — | no | yes | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | | previewPanel | { state: { focusedRowIndex: number \| null } } | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | rowActions | Snippet<[{ row: TRow }]> | — | no | no | | | entityRowActions | { edit?: boolean; duplicate?: boolean; preview?: boolean; delete?: boolean; } | — | no | no | | | dropdownMenuRow | TRow \| null | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | cell | Snippet<[{ row: TRow; column: MetaColumn }]> | — | no | no | | | stickyColumnsGroup | MetaColumn[] | — | no | yes | | | error | string \| null | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | loadingText | string | — | no | yes | | | rows | TRow[] | — | no | yes | | | emptyText | string | — | no | yes | | | showSelectedOnly | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | orderedSelectedRows | TRow[] | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | toggleAllOnPage | () => void | — | no | yes | | | allColumns | MetaColumn[] | — | no | yes | | | effectiveSortKey | string \| null | — | no | yes | | | sortDir | SortDir | — | no | yes | | | onSortChange | (key: string \| null, dir: SortDir) => void | — | no | yes | | | sortableColumns | MetaColumn[] | — | no | yes | | | datetimeIanaToggleColumns | MetaColumn[] | — | no | yes | | | toggleDatetimeIana | (col: MetaColumn) => void | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: TRow) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onLoadVersionHistory | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | onPreviewRow | (row: TRow) => void | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | emptyView | — | | | errorView | — | | | rowsLoadingView | — | | ### `<CellRenderer />` Source: `src/lib/components/entity-list-table/components/CellRenderer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | column | MetaColumn | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | cell | — | | ### `<ChangePasswordDialog />` Source: `src/lib/components/entity-list-table/dialogs/ChangePasswordDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | no | | | row | TRow \| null | — | no | yes | | | uid | string | — | no | yes | | ### `<ColumnSelectorPanel />` Source: `src/lib/components/entity-list-table/panels/ColumnSelectorPanel.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | stickyColumns | ColumnLike[] | — | no | yes | | | nonAuditingColumns | ColumnLike[] | — | no | yes | | | auditingColumns | ColumnLike[] | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | toggleColumnKey | (key: string) => void | — | no | yes | | | onReorderKeys | (group: 'sticky' \| 'data' \| 'auditing', keys: string[]) => void | — | no | no | | | onResetColumnVisibility | () => void | — | no | yes | | | t | (key: string) => string | — | no | yes | | ### `<DeleteDialog />` Source: `src/lib/components/entity-list-table/dialogs/DeleteDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | isDeleting | boolean | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<DeletionFilterToggle />` Source: `src/lib/components/entity-list-table/toolbar/DeletionFilterToggle.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | deletionFilterMode | 'non_deleted' \| 'deleted' \| 'all' | — | no | yes | | | onDeletionFilterModeChange | (mode: 'non_deleted' \| 'deleted' \| 'all') => void | — | no | yes | | ### `<DuplicateDialog />` Source: `src/lib/components/entity-list-table/dialogs/DuplicateDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | duplicateScope | 'single' \| 'selected' | — | no | yes | | | selectedCount | number | — | no | yes | | | entity | string | — | no | yes | | | isDuplicating | boolean | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<EntityListTable />` Source: `src/lib/components/entity-list-table/EntityListTable.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | uid | unknown | — | no | yes | | | entity | string | customer | no | no | | | columns | unknown | — | no | yes | | | stickyColumns | unknown | — | no | yes | | | dataColumns | unknown | — | no | yes | | | auditingColumns | unknown | — | no | yes | | | viewVisibility | unknown | — | no | yes | | | columnOrderStorageKey | unknown | — | no | yes | | | defaultSort | unknown | — | no | yes | | | pageSizeOptions | unknown | — | no | yes | | | searchPlaceholderKey | unknown | — | no | yes | | | selectionLabelKey | unknown | — | no | yes | | | selectionLabelSingularKey | unknown | — | no | yes | | | selectionLabelText | unknown | — | no | yes | | | selectionLabelSingularText | unknown | — | no | yes | | | rows | unknown | — | no | yes | | | total | unknown | — | no | yes | | | metaLoading | unknown | — | no | yes | | | rowsLoading | unknown | — | no | yes | | | error | unknown | — | no | yes | | | page | unknown | — | no | yes | | | pageSize | unknown | — | no | yes | | | onPageChange | unknown | — | no | yes | | | onPageSizeChange | unknown | — | no | yes | | | search | unknown | — | no | yes | | | onSearchInput | unknown | — | no | yes | | | searchInKeys | unknown | — | no | yes | | | onSearchInKeysChange | unknown | — | no | yes | | | sortKey | unknown | — | no | yes | | | sortDir | unknown | — | no | yes | | | onSortChange | unknown | — | no | yes | | | visibleKeys | unknown | — | no | yes | | | onVisibleKeysChange | unknown | — | no | yes | | | onResetColumnVisibility | unknown | — | no | yes | | | selectedKeys | [] | | yes | no | | | onSelectedKeysChange | unknown | — | no | yes | | | rowSelectionEnabled | boolean | true | no | no | | | onRefresh | unknown | — | no | yes | | | refreshDisabled | boolean | false | no | no | | | rowActionsEnabled | boolean | false | no | no | | | rowActions | unknown | — | no | yes | | | entityRowActions | unknown | — | no | yes | | | customActionHandlers | unknown | — | no | yes | | | onCreateAction | unknown | — | no | yes | | | onEditAction | unknown | — | no | yes | | | filtersOpen | boolean | false | yes | no | | | filterValues | {} | [object Object] | no | no | | | onFilterValuesChange | unknown | — | no | yes | | | onResetFilters | unknown | — | no | yes | | | advancedFilters | [] | | no | no | | | onAdvancedFiltersChange | unknown | — | no | yes | | | filterValuesStorageKey | unknown | — | no | yes | | | advancedFiltersStorageKey | unknown | — | no | yes | | | deletionFilterMode | string | non_deleted | yes | no | | | onDeletionFilterModeChange | unknown | — | no | yes | | | datetimeIanaModeByKey | {} | [object Object] | yes | no | | | datetimeIanaRenderTick | number | 0 | yes | no | | | cell | unknown | — | no | yes | | | metaLoadingView | unknown | — | no | yes | | | rowsLoadingView | unknown | — | no | yes | | | emptyView | unknown | — | no | yes | | | errorView | unknown | — | no | yes | | | loadingMessage | unknown | — | no | yes | | | noRecordsMessage | unknown | — | no | yes | | ### `<EntityListTableCardView />` Source: `src/lib/components/entity-list-table/components/EntityListTableCardView.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | viewMode | 'table' \| 'cards' \| 'cards_list' | — | no | yes | | | viewRows | TRow[] | — | no | yes | | | shownColumns | any[] | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | rowKey | (row: TRow) => string | — | no | yes | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | | previewPanel | any | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | rowActions | any | — | no | yes | | | entityRowActions | any | — | no | yes | | | dropdownMenuRow | TRow \| null | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | cell | any | — | no | yes | | | stickyColumnsGroup | any[] | — | no | yes | | | error | string \| null | — | no | yes | | | errorView | Snippet | — | no | no | | | rowsLoading | boolean | — | no | yes | | | rowsLoadingView | Snippet | — | no | no | | | loadingText | string | — | no | yes | | | rows | TRow[] | — | no | yes | | | emptyView | Snippet | — | no | no | | | emptyText | string | — | no | yes | | | showSelectedOnly | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | orderedSelectedRows | TRow[] | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | toggleAllOnPage | () => void | — | no | yes | | | allColumns | any[] | — | no | yes | | | effectiveSortKey | string \| null | — | no | yes | | | sortDir | 'asc' \| 'desc' | — | no | yes | | | onSortChange | (key: string \| null, dir: 'asc' \| 'desc') => void | — | no | yes | | | sortableColumns | any[] | — | no | yes | | | datetimeIanaToggleColumns | any[] | — | no | yes | | | toggleDatetimeIana | (col: any) => void | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: TRow) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | rowActionsComposable | any | — | no | yes | | | onPreviewRow | (row: TRow) => void | — | no | yes | | ### `<EntityListTableContent />` Source: `src/lib/components/entity-list-table/components/EntityListTableContent.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | metaLoading | boolean | — | no | yes | | | viewMode | 'table' \| 'cards' \| 'cards_list' | — | no | yes | | | metaLoadingView | Snippet | — | no | no | | | loadingText | string | — | no | yes | | | viewRows | any | — | no | yes | | | shownColumns | any[] | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | rowKey | any | — | no | yes | | | isRowDeleted | any | — | no | yes | | | previewPanel | any | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | rowActions | any | — | no | yes | | | entityRowActions | any | — | no | yes | | | dropdownMenuRow | any | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | cell | any | — | no | yes | | | stickyColumnsGroup | any[] | — | no | yes | | | error | string \| null | — | no | yes | | | errorView | Snippet | — | no | no | | | rowsLoading | boolean | — | no | yes | | | rowsLoadingView | Snippet | — | no | no | | | rows | any | — | no | yes | | | emptyView | Snippet | — | no | no | | | emptyText | string | — | no | yes | | | showSelectedOnly | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | orderedSelectedRows | any | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | toggleAllOnPage | () => void | — | no | yes | | | allColumns | any[] | — | no | yes | | | effectiveSortKey | string \| null | — | no | yes | | | sortDir | 'asc' \| 'desc' | — | no | yes | | | onSortChange | (key: string \| null, dir: 'asc' \| 'desc') => void | — | no | yes | | | sortableColumns | any[] | — | no | yes | | | datetimeIanaToggleColumns | any[] | — | no | yes | | | toggleDatetimeIana | (col: any) => void | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: any) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: any) => void | — | no | yes | | | rowActionsComposable | any | — | no | yes | | | onPreviewRow | (row: any) => void | — | no | yes | | | tableRef | any | — | no | yes | | | tableDensityClass | string | — | no | yes | | | stickyColumnsState | any | — | no | yes | | | rowChromeH | string | — | no | yes | | | checkboxInteractiveClass | string | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | handleSortClick | (col: any) => void | — | no | yes | | | rowRangeSelection | any | — | no | yes | | | uid | string | — | no | yes | | | pageSize | number | — | no | yes | | | page | number | — | no | yes | | | onPageChange | (page: number) => void | — | no | yes | | | entity | string | — | no | yes | | | columns | MetaColumn[] | — | no | yes | | | stickyColumns | any[] \| undefined | — | no | yes | | | dataColumns | any[] \| undefined | — | no | yes | | | auditingColumns | any[] \| undefined | — | no | yes | | | rowActionsEnabled | boolean | — | no | yes | | | footerRangeTotal | number | — | no | yes | | | footerPage | number | — | no | yes | | | previewDropdownOpen | boolean | — | no | yes | | | navigatePreview | (direction: number) => void | — | no | yes | | | extraCols | number | — | no | yes | | ### `<EntityListTableDialogs />` Source: `src/lib/components/entity-list-table/components/EntityListTableDialogs.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | dialogs | any | — | no | yes | | | rowActionsComposable | any | — | no | yes | | | bulkActions | any | — | no | yes | | | exportComposable | any | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | total | bigint | — | no | yes | | | entity | string | — | no | yes | | ### `<EntityListTableFooter />` Source: `src/lib/components/entity-list-table/components/EntityListTableFooter.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | footerRangeTotal | number | — | no | yes | | | footerRangeStart | number | — | no | yes | | | footerRangeEnd | number | — | no | yes | | | footerPage | number | — | no | yes | | | footerTotalPages | number | — | no | yes | | | footerUsesClientPaging | boolean | — | no | yes | | | clientSelectedPage | number | 1 | yes | no | | | rowSelectionEnabled | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | selectionLabelKey | string | — | no | no | | | selectionLabelSingularKey | string | — | no | no | | | selectionLabelText | string | — | no | no | | | selectionLabelSingularText | string | — | no | no | | | selectionPastParticipleKey | string | — | no | yes | | | showSelectedOnly | boolean | false | yes | no | | | pageSize | number | — | no | yes | | | pageSizeOptions | number[] | — | no | yes | | | page | number | — | no | yes | | | totalPages | number | — | no | yes | | | onPageChange | (page: number) => void | — | no | yes | | | onPageSizeChange | (size: number) => void | — | no | yes | | ### `<EntityListTableHeader />` Source: `src/lib/components/entity-list-table/components/EntityListTableHeader.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | search | string | — | no | yes | | | onSearchInput | (value: string) => void | — | no | yes | | | searchPlaceholderKey | string | — | no | no | | | searchInKeys | string[] \| null | — | no | yes | | | searchableColumns | MetaColumn[] | — | no | yes | | | onSearchInKeysChange | (keys: string[] \| null) => void | — | no | yes | | | toggleSearchKey | (key: string) => void | — | no | yes | | | viewMode | 'table' \| 'cards' \| 'cards_list' | — | no | yes | | | onViewModeChange | (mode: 'table' \| 'cards' \| 'cards_list') => void | — | no | yes | | | deletionFilterMode | 'non_deleted' \| 'deleted' \| 'all' | — | no | yes | | | onDeletionFilterModeChange | (mode: 'non_deleted' \| 'deleted' \| 'all') => void | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | refreshDisabled | boolean | — | no | yes | | | onRefresh | () => void | — | no | yes | | | filterableColumns | MetaColumn[] | — | no | yes | | | filtersOpen | boolean | — | no | yes | | | onFiltersOpenChange | (open: boolean) => void | — | no | yes | | | stickyColumnsGroup | MetaColumn[] | — | no | yes | | | nonAuditingColumns | MetaColumn[] | — | no | yes | | | auditingColumnsGroup | MetaColumn[] | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | toggleColumnKey | (key: string) => void | — | no | yes | | | resetColumnsAndSorting | () => void | — | no | yes | | | checkboxVisualOnlyClass | string | — | no | yes | | | onCreateAction | () => void | — | no | no | | | toolbarMode | 'filters' \| 'bulk' | — | no | yes | | | hasAppliedFilters | boolean | — | no | yes | | | filterValues | Record<string, any> | — | no | yes | | | advancedFilters | AdvancedFilter[] | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | hasDeletedSelected | boolean | — | no | yes | | | allSelectedDeleted | boolean | — | no | yes | | | onResetFilters | () => void | — | no | yes | | | onFilterValuesChange | (values: Record<string, any>) => void | — | no | no | | | onAdvancedFiltersChange | (filters: AdvancedFilter[], connector: 'AND' \| 'OR') => void | — | no | no | | | onToggleToolbarMode | () => void | — | no | yes | | | onBulkExport | () => void | — | no | yes | | | onHtmlExport | () => void | — | no | yes | | | onBulkDuplicate | () => void | — | no | yes | | | onBulkDelete | () => void | — | no | yes | | | onBulkRestore | () => void | — | no | yes | | ### `<EntityListTableHeaderRow />` Source: `src/lib/components/entity-list-table/components/EntityListTableHeaderRow.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | rowSelectionEnabled | boolean | — | no | yes | | | stickyColumnsState | any | — | no | yes | | | rowChromeH | string | — | no | yes | | | checkboxInteractiveClass | string | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | toggleAllOnPage | () => void | — | no | yes | | | shownColumns | any[] | — | no | yes | | | stickyColumnsGroup | any[] | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | sortKey | string \| null | — | no | yes | | | sortDir | 'asc' \| 'desc' | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | handleSortClick | (col: any) => void | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | toggleDatetimeIana | (col: any) => void | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | previewPanel | any | — | no | yes | | | viewRows | any[] | — | no | yes | | ### `<EntityListTableLoading />` Source: `src/lib/components/entity-list-table/components/EntityListTableLoading.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | metaLoading | boolean | — | no | yes | | | loadingText | string | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | metaLoadingView | — | | ### `<EntityListTableTableView />` Source: `src/lib/components/entity-list-table/components/EntityListTableTableView.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | tableRef | any | — | no | yes | | | tableDensityClass | string | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | stickyColumnsState | any | — | no | yes | | | rowChromeH | string | — | no | yes | | | checkboxInteractiveClass | string | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | toggleAllOnPage | () => void | — | no | yes | | | shownColumns | any[] | — | no | yes | | | stickyColumnsGroup | any[] | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | sortKey | string \| null | — | no | yes | | | sortDir | 'asc' \| 'desc' | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | handleSortClick | (col: any) => void | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | toggleDatetimeIana | (col: any) => void | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | previewPanel | any | — | no | yes | | | viewRows | TRow[] | — | no | yes | | | error | string \| null | — | no | yes | | | errorView | Snippet | — | no | no | | | rowsLoadingView | Snippet | — | no | no | | | loadingText | string | — | no | yes | | | rows | any | — | no | yes | | | extraCols | number | — | no | yes | | | emptyView | Snippet | — | no | no | | | emptyText | string | — | no | yes | | | showSelectedOnly | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | orderedSelectedRows | TRow[] | — | no | yes | | | rowRangeSelection | any | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | rowKey | (row: TRow) => string | — | no | yes | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | | cell | any | — | no | yes | | | rowActions | any | — | no | yes | | | entityRowActions | any | — | no | yes | | | dropdownMenuRow | TRow \| null | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | handlePreviewRow | (row: TRow) => void | — | no | yes | | | toggleRowSelect | (key: string) => void | — | no | yes | | | openRowDropdown | (row: TRow) => void | — | no | yes | | | closeRowDropdown | () => void | — | no | yes | | | handleEditRow | (row: TRow) => void | — | no | yes | | | rowActionsComposable | any | — | no | yes | | | uid | string | — | no | yes | | | pageSize | number | — | no | yes | | | page | number | — | no | yes | | | onPageChange | (page: number) => void | — | no | yes | | | entity | string | — | no | yes | | | columns | MetaColumn[] | — | no | yes | | | stickyColumns | any[] \| undefined | — | no | yes | | | dataColumns | any[] \| undefined | — | no | yes | | | auditingColumns | any[] \| undefined | — | no | yes | | | rowActionsEnabled | boolean | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | footerRangeTotal | number | — | no | yes | | | footerPage | number | — | no | yes | | | previewDropdownOpen | boolean | — | no | yes | | | navigatePreview | (direction: number) => void | — | no | yes | | ### `<EntityListToolbar />` Source: `src/lib/components/entity-list-table/toolbar/EntityListToolbar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | search | string | — | no | yes | | | onSearchInput | (value: string) => void | — | no | yes | | | searchPlaceholderKey | string | — | no | no | | | searchInKeys | string[] \| null | — | no | yes | | | searchableColumns | any[] | — | no | yes | | | onSearchInKeysChange | (keys: string[] \| null) => void | — | no | yes | | | toggleSearchKey | (key: string) => void | — | no | yes | | | viewMode | ViewName | — | no | yes | | | onViewModeChange | (mode: ViewName) => void | — | no | yes | | | deletionFilterMode | 'non_deleted' \| 'deleted' \| 'all' | — | no | yes | | | onDeletionFilterModeChange | (mode: 'non_deleted' \| 'deleted' \| 'all') => void | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | refreshDisabled | boolean | — | no | yes | | | onRefresh | () => void | — | no | yes | | | filterableColumns | any[] | — | no | yes | | | filtersOpen | boolean | — | no | yes | | | onFiltersOpenChange | (open: boolean) => void | — | no | yes | | | onColumnSelectorClick | () => void | — | no | yes | | | onCreateAction | () => void | — | no | no | | ### `<ExportDialog />` Source: `src/lib/components/entity-list-table/dialogs/ExportDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | selectedCount | number | — | no | yes | | | totalCount | bigint | — | no | yes | | | entity | string | — | no | yes | | | exportScope | 'selected' \| 'all' | — | no | yes | | | onExportScopeChange | (scope: 'selected' \| 'all') => void | — | no | yes | | | fileType | string \| null | — | no | yes | | | isExporting | boolean | — | no | yes | | | onFileTypeChange | (type: string) => void | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<ExportPreviewDialog />` Source: `src/lib/components/entity-list-table/dialogs/ExportPreviewDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | previewMode | 'html' \| 'pdf' \| 'email' | — | no | yes | | | onPreviewModeChange | (mode: 'html' \| 'pdf' \| 'email') => void | — | no | yes | | | htmlPreviewContent | string | — | no | yes | | | pdfBlobUrl | string \| null | — | no | yes | | | emailHtmlContent | string | — | no | yes | | | isEmailPreparing | boolean | — | no | yes | | | emailCopied | boolean | — | no | yes | | | onGeneratePdfPreview | () => void | — | no | yes | | | onPrepareEmailHtml | () => void | — | no | yes | | | onCopyHtmlToClipboard | () => void | — | no | yes | | | onCopyEmailHtmlToClipboard | () => void | — | no | yes | | | onClose | () => void | — | no | yes | | ### `<FilterBar />` Source: `src/lib/components/entity-list-table/toolbar/FilterBar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | hasAppliedFilters | boolean | — | no | yes | | | filterValues | Record<string, any> | — | no | yes | | | advancedFilters | AdvancedFilter[] | — | no | yes | | | filterableColumns | MetaColumn[] | — | no | yes | | | onResetFilters | () => void | — | no | yes | | | onFilterValuesChange | (values: Record<string, any>) => void | — | no | yes | | | onAdvancedFiltersChange | (filters: AdvancedFilter[]) => void | — | no | yes | | ### `<FiltersPanel />` Source: `src/lib/components/entity-list-table/panels/FiltersPanel.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | content | any | — | no | yes | | | filterableColumns | MetaColumn[] | | no | no | | | filterValues | Record<string, any> | [object Object] | no | no | | | onFilterValuesChange | (values: Record<string, any>) => void | — | no | no | | | onResetFilters | () => void | — | no | no | | | modal | boolean | true | no | no | | | advancedFilters | AdvancedFilter[] | | no | no | | | onAdvancedFiltersChange | (filters: AdvancedFilter[], connector: 'AND' \| 'OR') => void | — | no | no | | ### `<HtmlExportDialog />` Source: `src/lib/components/entity-list-table/dialogs/HtmlExportDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | selectedCount | number | — | no | yes | | | totalCount | bigint | — | no | yes | | | entity | string | — | no | yes | | | isExporting | boolean | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<Pagination />` Source: `src/lib/components/entity-list-table/pagination/Pagination.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | currentPage | number | — | no | yes | | | totalPages | number | — | no | yes | | | usesClientPaging | boolean | — | no | yes | | | clientSelectedPage | number | — | no | yes | | | onPageChange | (page: number) => void | — | no | yes | | ### `<PreviewPanel />` Source: `src/lib/components/entity-list-table/panels/PreviewPanel.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | previewEditMode | boolean | — | no | yes | | | previewRowIndex | number | — | no | yes | | | previewDropdownOpen | boolean | — | no | yes | | | totalRecords | number | — | no | yes | | | currentPage | number | — | no | yes | | | pageSize | number | — | no | yes | | | onPreviewEditModeChange | (mode: boolean) => void | — | no | yes | | | onNavigatePreview | (direction: number) => void | — | no | yes | | | onPreviewDropdownOpenChange | (open: boolean) => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | onLoadVersionHistory | (row: TRow) => void | — | no | yes | | | onClosePreview | () => void | — | no | yes | | | columns | MetaColumn[] | — | no | yes | | | stickyColumns | MetaColumn[] | | no | no | | | dataColumns | MetaColumn[] | | no | no | | | auditingColumns | MetaColumn[] | | no | no | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | entityRowActions | { edit?: boolean; duplicate?: boolean; delete?: boolean; preview?: boolean } | — | no | no | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | rowSelected | boolean | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | cell | — | | ### `<PreviewPanelWrapper />` Source: `src/lib/components/entity-list-table/components/PreviewPanelWrapper.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | previewPanel | { state: { previewPanelOpen: boolean; previewRow: TRow \| null; focusedRowIndex: number \| null; previewEditMode: boolean; previewRowIndex: number; }; openPreview: (row: TRow) => void; closePreview: () => void; setPreviewEditMode: (mode: boolean) => void; } | — | no | yes | | | rows | TRow[] | — | no | yes | | | viewRows | TRow[] | — | no | yes | | | uid | string | — | no | yes | | | pageSize | number | — | no | yes | | | page | number | — | no | yes | | | onPageChange | (page: number) => void | — | no | yes | | | entity | string | default | no | no | | | columns | MetaColumn[] | — | no | yes | | | stickyColumns | MetaColumn[] | | no | no | | | dataColumns | MetaColumn[] | | no | no | | | auditingColumns | MetaColumn[] | | no | no | | | rowActionsEnabled | boolean | — | no | yes | | | rowActions | Snippet<[{ row: TRow }]> | — | no | no | | | entityRowActions | { edit?: boolean; duplicate?: boolean; preview?: boolean; delete?: boolean } | — | no | no | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | | rowKey | (row: TRow) => string | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | selectedKeys | Set<string> \| string[] | — | no | yes | | | footerRangeTotal | number | — | no | yes | | | footerPage | number | — | no | yes | | | previewDropdownOpen | boolean | — | no | yes | | | navigatePreview | (direction: number) => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | onPreviewDropdownOpenChange | (open: boolean) => void | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | cell | Snippet<[PreviewPanelWrapperCellArgs]> | — | no | no | | ### `<RestoreDialog />` Source: `src/lib/components/entity-list-table/dialogs/RestoreDialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | onOpenChange | (open: boolean) => void | — | no | yes | | | isRestoring | boolean | — | no | yes | | | onConfirm | () => void | — | no | yes | | | onCancel | () => void | — | no | yes | | ### `<SearchBar />` Source: `src/lib/components/entity-list-table/toolbar/SearchBar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | search | string | — | no | yes | | | onSearchInput | (value: string) => void | — | no | yes | | | searchPlaceholderKey | string | — | no | no | | | searchInKeys | string[] \| null | — | no | yes | | | searchableColumns | MetaColumn[] | — | no | yes | | | onSearchInKeysChange | (keys: string[] \| null) => void | — | no | yes | | | toggleSearchKey | (key: string) => void | — | no | yes | | ### `<SearchInPanel />` Source: `src/lib/components/entity-list-table/panels/SearchInPanel.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | searchInKeys | string[] \| null \| undefined | — | no | yes | | | searchableColumns | ColumnLike[] | — | no | yes | | | onSearchInKeysChange | (keys: string[] \| null) => void | — | no | yes | | | toggleSearchKey | (key: string) => void | — | no | yes | | ### `<SearchSyntaxHighlighter />` Source: `src/lib/components/entity-list-table/search/SearchSyntaxHighlighter.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | search | string | | no | no | | | disablePadding | boolean | false | no | no | | ### `<SelectionCounter />` Source: `src/lib/components/entity-list-table/toolbar/SelectionCounter.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | selectionCount | number | — | no | yes | | | selectionLabelKey | string | — | no | no | | | selectionLabelSingularKey | string | — | no | no | | | selectionLabelText | string | — | no | no | | | selectionLabelSingularText | string | — | no | no | | | selectionPastParticipleKey | string | — | no | yes | | | showSelectedOnly | boolean | — | no | yes | | | onShowSelectedOnlyChange | (show: boolean) => void | — | no | yes | | ### `<StateRenderer />` Source: `src/lib/components/entity-list-table/components/StateRenderer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | isDeleted | boolean | — | no | yes | | | onDelete | (row: TRow) => void | — | no | yes | | | onRestore | (row: TRow) => void | — | no | yes | | ### `<TableBody />` Source: `src/lib/components/entity-list-table/components/TableBody.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | error | string \| null | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | loadingText | string | — | no | yes | | | rows | TRow[] | — | no | yes | | | viewRows | TRow[] | — | no | yes | | | shownColumns | MetaColumn[] | — | no | yes | | | extraCols | number | — | no | yes | | | emptyText | string | — | no | yes | | | showSelectedOnly | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | orderedSelectedRows | TRow[] | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | rowRangeSelection | { state: { rowRangeMouseDown: boolean; rangeDragActive: boolean }; onRowRangeMouseDown: (index: number, e: MouseEvent) => void; } | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | rowKey | (row: TRow) => string | — | no | yes | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | | previewPanel | { focusedRowIndex: number \| null; } | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | rowChromeH | string | — | no | yes | | | stickyColumnsGroup | MetaColumn[] | — | no | yes | | | stickyColumnsState | any | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | cell | Snippet<[ { row: TRow; column: MetaColumn } ]> | — | no | no | | | rowActions | Snippet<[ { row: TRow } ]> | — | no | no | | | entityRowActions | { duplicate?: boolean; delete?: boolean; edit?: boolean; preview?: boolean; } | — | no | no | | | dropdownMenuRow | TRow \| null | — | no | yes | | | onRowRangeMouseDown | (index: number, e: MouseEvent) => void | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | onPreviewRow | (row: TRow) => void | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: TRow) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onLoadVersionHistory | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | handleCustomAction | (action: { actionName: string; translationKey: string }, row: TRow) => void | — | no | no | | | stickyCellClass | (key: string, idx: number, isHeader: boolean) => string \| undefined | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | emptyView | — | | | errorView | — | | | rowsLoadingView | — | | ### `<TableCell />` Source: `src/lib/components/entity-list-table/table/TableCell.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | Record<string, unknown> | — | no | yes | | | column | MetaColumn | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | cellSnippet | — | | ### `<TableFooter />` Source: `src/lib/components/entity-list-table/components/TableFooter.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | footerRangeTotal | number | — | no | yes | | | footerRangeStart | number | — | no | yes | | | footerRangeEnd | number | — | no | yes | | | footerPage | number | — | no | yes | | | footerTotalPages | number | — | no | yes | | | footerUsesClientPaging | boolean | — | no | yes | | | clientSelectedPage | number | 1 | yes | no | | | rowSelectionEnabled | boolean | — | no | yes | | | selectionCount | number | — | no | yes | | | selectionLabelKey | string | — | no | no | | | selectionLabelSingularKey | string | — | no | no | | | selectionLabelText | string | — | no | no | | | selectionLabelSingularText | string | — | no | no | | | selectionPastParticipleKey | string | — | no | yes | | | showSelectedOnly | boolean | false | yes | no | | | pageSize | number | — | no | yes | | | pageSizeOptions | number[] | — | no | yes | | | page | number | — | no | yes | | | totalPages | number | — | no | yes | | | onPageChange | (page: number) => void | — | no | yes | | | onPageSizeChange | (size: number) => void | — | no | yes | | ### `<TableHeader />` Source: `src/lib/components/entity-list-table/components/TableHeader.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | rowSelectionEnabled | boolean | — | no | yes | | | stickyColumnsState | { checkboxHeadRef: HTMLTableCellElement \| null; state: { stickyLeftOffsets: Record<string, number> }; stickyRef: any; } | — | no | yes | | | rowChromeH | string | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | toggleAllOnPage | () => void | — | no | yes | | | shownColumns | MetaColumn[] | — | no | yes | | | stickyColumnsGroup | MetaColumn[] | — | no | yes | | | stickyCellClass | (key: string, idx: number, isHeader: boolean) => string \| undefined | — | no | yes | | | handleSortClick | (col: MetaColumn) => void | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | sortKey | string \| null | — | no | yes | | | sortDir | SortDir | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | toggleDatetimeIana | (col: MetaColumn) => void | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | previewPanel | { state: { previewPanelOpen: boolean; previewRow: TRow \| null; }; openPreview: (row: TRow) => void; closePreview: () => void; } | — | no | yes | | | viewRows | TRow[] | — | no | yes | | ### `<TableHeader />` Source: `src/lib/components/entity-list-table/table/TableHeader.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | columns | MetaColumn[] | — | no | yes | | | sortKey | string \| null | — | no | yes | | | sortDir | 'asc' \| 'desc' | — | no | yes | | | onSortChange | (key: string \| null, dir: 'asc' \| 'desc') => void | — | no | yes | | | visibleKeys | string[] | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | allOnPageSelected | boolean | — | no | yes | | | headerIndeterminate | boolean | — | no | yes | | | onToggleAllOnPage | () => void | — | no | yes | | | rowsLoading | boolean | — | no | yes | | | stickyCellClass | (key: string, idx: number, isHeader: boolean) => string \| undefined | — | no | yes | | | rowChromeH | string | — | no | yes | | ### `<TableRow />` Source: `src/lib/components/entity-list-table/components/TableRow.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | row | TRow | — | no | yes | | | index | number | — | no | yes | | | rowKey | string | — | no | yes | | | rowSelected | boolean | — | no | yes | | | rowDeleted | boolean | — | no | yes | | | rowFocused | boolean | — | no | yes | | | rowSelectionEnabled | boolean | — | no | yes | | | actionsEnabled | boolean | — | no | yes | | | rowChromeH | string | — | no | yes | | | selectedKeys | string[] | — | no | yes | | | shownColumns | import('$lib/entity-list/types').MetaColumn[] | — | no | yes | | | stickyColumnsGroup | import('$lib/entity-list/types').MetaColumn[] | — | no | yes | | | stickyColumnsState | { state: { stickyLeftOffsets: Record<string, number> }; stickyRef: any; } | — | no | yes | | | datetimeIanaModeByKey | Record<string, 'browser' \| 'record'> | — | no | yes | | | datetimeIanaRenderTick | number | — | no | yes | | | cell | Snippet<[TableRowCellArgs]> | — | no | no | | | entityRowActions | { edit?: boolean; duplicate?: boolean; preview?: boolean; delete?: boolean; customActions?: Array<{ actionName: string; translationKey: string; icon: string; textColor?: string; disabledWhenDeleted?: boolean; }>; } | — | no | no | | | dropdownMenuRow | TRow \| null | — | no | yes | | | previewPanel | { focusedRowIndex: number \| null; } | — | no | yes | | | onRowRangeMouseDown | (index: number, e: MouseEvent) => void | — | no | yes | | | onEntityRowClick | (key: string, e: MouseEvent) => void | — | no | yes | | | onPreviewRow | (row: TRow) => void | — | no | yes | | | onToggleRowSelect | (key: string) => void | — | no | yes | | | onOpenRowDropdown | (row: TRow) => void | — | no | yes | | | onCloseRowDropdown | () => void | — | no | yes | | | onEditRow | (row: TRow) => void | — | no | yes | | | onLoadVersionHistory | (row: TRow) => void | — | no | yes | | | onDuplicateRow | (row: TRow) => void | — | no | yes | | | onDeleteRow | (row: TRow) => void | — | no | yes | | | onRestoreRow | (row: TRow) => void | — | no | yes | | | handleCustomAction | (action: { actionName: string; translationKey: string }, row: TRow) => void | — | no | no | | | stickyCellClass | (key: string, idx: number, isHeader: boolean) => string \| undefined | — | no | yes | | | isRowDeleted | (row: TRow) => boolean | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | rowActions | — | | ### `<ViewModeToggle />` Source: `src/lib/components/entity-list-table/toolbar/ViewModeToggle.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | viewMode | ViewName | — | no | yes | | | onViewModeChange | (mode: ViewName) => void | — | no | yes | | ## forms ### `<FormLabelWithHelp />` Source: `src/lib/components/forms/FormLabelWithHelp.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | text | string | — | no | yes | | ### `<FormLabelWithPriorityHelp />` Source: `src/lib/components/forms/FormLabelWithPriorityHelp.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | text | string | — | no | yes | | | priority | TooltipPriority | — | no | no | | | title | string | — | no | no | | ### `<PasswordChecklist />` Source: `src/lib/components/forms/PasswordChecklist.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | password | string | — | no | yes | | | rules | PasswordChecklistRule[] | — | no | yes | | | specialChars | string | *-_.#@!\|?^: | no | no | | ## sidebar ### `<SidebarHealthBadge />` Source: `src/lib/components/sidebar/SidebarHealthBadge.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | collapsed | boolean | — | no | yes | | ### `<SidebarModuleSwitcher />` Source: `src/lib/components/sidebar/SidebarModuleSwitcher.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | collapsed | boolean | — | no | yes | | ### `<SidebarOrgSwitcher />` Source: `src/lib/components/sidebar/SidebarOrgSwitcher.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | collapsed | boolean | — | no | yes | | ### `<SidebarProfileMenu />` Source: `src/lib/components/sidebar/SidebarProfileMenu.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | user | UserProfile \| null | — | no | yes | | | collapsed | boolean | — | no | yes | | | onLogout | () => void | — | no | yes | | ### `<SidebarVersionBadge />` Source: `src/lib/components/sidebar/SidebarVersionBadge.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | collapsed | boolean | — | no | yes | | | isMobile | boolean | — | no | yes | | ## toasts ### `<EventToast />` Source: `src/lib/components/toasts/EventToast.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | label | string | — | no | yes | | | title | string | — | no | yes | | | message | string | — | no | yes | | | time | Date \| number \| string | — | no | yes | | | tone | ToastTone | error | no | no | | | tags | AppErrorTag[] | — | no | no | | | detail | string | — | no | no | | ## ui ### `<alert />` Source: `src/lib/components/ui/alert/alert.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | variant | AlertVariant | default | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<alert-description />` Source: `src/lib/components/ui/alert/alert-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<alert-title />` Source: `src/lib/components/ui/alert/alert-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<async-validated-input />` Source: `src/lib/components/ui/input/async-validated-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | | yes | no | | | onChange | (value: string) => void | — | no | no | | | validateFn | (value: string) => Promise<ValidationResult> | — | no | yes | | | onStatusChange | (status: ValidationStatus) => void | — | no | no | | | externalInvalid | boolean | false | no | no | | | name | string | — | no | no | | | id | string | — | no | no | | | placeholder | string | — | no | no | | | disabled | boolean | false | no | no | | | class | string | — | no | no | | | type | HTMLInputTypeAttribute | text | no | no | | | required | boolean | — | no | no | | | minlength | number | — | no | no | | | maxlength | number | — | no | no | | | pattern | string | — | no | no | | | aria-invalid | string \| boolean | — | no | no | | | aria-describedby | string | — | no | no | | | aria-required | string \| boolean | — | no | no | | | data-fs-error | string | — | no | no | | | oninput | (e: Event) => void | — | no | no | | | onblur | (e: FocusEvent) => void | — | no | no | | | onchange | (e: Event) => void | — | no | no | | ### `<avatar />` Source: `src/lib/components/ui/avatar/avatar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | loadingStatus | string | loading | yes | no | | | class | unknown | — | no | yes | | ### `<avatar-fallback />` Source: `src/lib/components/ui/avatar/avatar-fallback.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<avatar-image />` Source: `src/lib/components/ui/avatar/avatar-image.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<AvatarPreview />` Source: `src/lib/components/ui/avatar-preview/AvatarPreview.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | displayName | string \| undefined | — | no | yes | | | avatarColor | string \| undefined | — | no | yes | | | defaultSeed | string | ?? | no | no | | ### `<badge />` Source: `src/lib/components/ui/badge/badge.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLElement | null | yes | no | | | href | unknown | — | no | yes | | | class | unknown | — | no | yes | | | variant | BadgeVariant | default | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<breadcrumb />` Source: `src/lib/components/ui/breadcrumb/breadcrumb.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<breadcrumb-ellipsis />` Source: `src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLSpanElement | null | yes | no | | | class | unknown | — | no | yes | | ### `<breadcrumb-item />` Source: `src/lib/components/ui/breadcrumb/breadcrumb-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLLIElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<breadcrumb-link />` Source: `src/lib/components/ui/breadcrumb/breadcrumb-link.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLAnchorElement | null | yes | no | | | class | unknown | — | no | yes | | | href | unknown | undefined | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | child | — | | ### `<breadcrumb-list />` Source: `src/lib/components/ui/breadcrumb/breadcrumb-list.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLOListElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<breadcrumb-page />` Source: `src/lib/components/ui/breadcrumb/breadcrumb-page.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLSpanElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<breadcrumb-separator />` Source: `src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLLIElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<button />` Source: `src/lib/components/ui/button/button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | unknown | — | no | yes | | | variant | string | default | no | no | | | size | string | default | no | no | | | tone | string | primary | no | no | | | ref | null \| HTMLAnchorElement \| HTMLButtonElement | null | yes | no | | | href | unknown | undefined | no | no | | | type | string | button | no | no | | | disabled | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<button-group />` Source: `src/lib/components/ui/button-group/button-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | orientation | ButtonGroupOrientation | horizontal | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<button-group-separator />` Source: `src/lib/components/ui/button-group/button-group-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | orientation | string | vertical | no | no | | ### `<button-group-text />` Source: `src/lib/components/ui/button-group/button-group-text.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | child | — | | ### `<card />` Source: `src/lib/components/ui/card/card.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<card-action />` Source: `src/lib/components/ui/card/card-action.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<card-content />` Source: `src/lib/components/ui/card/card-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<card-description />` Source: `src/lib/components/ui/card/card-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLParagraphElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<card-footer />` Source: `src/lib/components/ui/card/card-footer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<card-header />` Source: `src/lib/components/ui/card/card-header.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<card-title />` Source: `src/lib/components/ui/card/card-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<checkbox />` Source: `src/lib/components/ui/checkbox/checkbox.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | checked | boolean | false | yes | no | | | indeterminate | boolean | false | yes | no | | | tone | CheckboxTone | primary | no | no | | | class | unknown | — | no | yes | | ### `<choicebox />` Source: `src/lib/components/ui/choicebox/choicebox.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | — | yes | no | | | class | string | — | no | no | | | name | string | — | no | no | | | onValueChange | (value: string) => void | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<choicebox-description />` Source: `src/lib/components/ui/choicebox/choicebox-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<choicebox-indicator />` Source: `src/lib/components/ui/choicebox/choicebox-indicator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | ### `<choicebox-item />` Source: `src/lib/components/ui/choicebox/choicebox-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | — | no | yes | | | class | string | — | no | no | | | disabled | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<choicebox-title />` Source: `src/lib/components/ui/choicebox/choicebox-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<color-picker />` Source: `src/lib/components/ui/color-picker/color-picker.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | #000000 | yes | no | | | class | string | — | no | no | | | allowOpacity | boolean | false | no | no | | | defaultFormat | ColorFormat | hex | no | no | | | formats | ColorFormat[] | hex,rgb,hsl,oklch | no | no | | ### `<ColorSelector />` Source: `src/lib/components/ui/color-selector/ColorSelector.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string \| undefined | — | yes | yes | | | labelKey | string | — | no | yes | | | placeholderKey | string | — | no | no | | | fallbackColor | string | #000000 | no | no | | | triggerId | string | — | no | no | | ### `<combo-select />` Source: `src/lib/components/ui/combo-select/combo-select.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | mode | ComboSelectMode | — | no | yes | | | value | string \| string[] | — | yes | yes | | | onChange | (value: string \| string[]) => void | — | no | no | | | options | string[] \| Record<string, any>[] | — | no | yes | | | valueField | string | — | no | no | | | labelField | string | — | no | no | | | isLabelTranslated | boolean | false | no | no | | | placeholder | string | Select... | no | no | | | disabled | boolean | false | no | no | | | loading | boolean | false | no | no | | | id | string | — | no | no | | | searchable | boolean | true | no | no | | | searchPlaceholder | string | Search... | no | no | | | isOptionDisabled | (option: string \| Record<string, any>) => boolean | — | no | no | | | getSearchKeywords | (option: string \| Record<string, any>) => string[] | — | no | no | | | aria-invalid | boolean \| "true" \| "false" | — | no | no | | | aria-describedby | string | — | no | no | | | aria-required | boolean \| "true" \| "false" | — | no | no | | | data-fs-error | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | itemSnippet | — | | | selectedSnippet | — | | ### `<command />` Source: `src/lib/components/ui/command/command.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | api | CommandRootApi \| null | null | yes | no | | | ref | unknown | null | yes | no | | | value | string | | yes | no | | | class | unknown | — | no | yes | | ### `<command-dialog />` Source: `src/lib/components/ui/command/command-dialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | false | yes | no | | | ref | unknown | null | yes | no | | | value | string | | yes | no | | | title | string | Command Palette | no | no | | | description | string | Search for a command to run... | no | no | | | showCloseButton | boolean | false | no | no | | | portalProps | DialogPrimitive.PortalProps | — | no | no | | | class | string | — | no | no | | ### `<command-empty />` Source: `src/lib/components/ui/command/command-empty.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<command-group />` Source: `src/lib/components/ui/command/command-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | heading | string | — | no | no | | | value | unknown | — | no | yes | | ### `<command-input />` Source: `src/lib/components/ui/command/command-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | HTMLInputElement \| null | null | yes | no | | | class | unknown | — | no | yes | | | value | string | | yes | no | | ### `<command-item />` Source: `src/lib/components/ui/command/command-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<command-link-item />` Source: `src/lib/components/ui/command/command-link-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<command-list />` Source: `src/lib/components/ui/command/command-list.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<command-loading />` Source: `src/lib/components/ui/command/command-loading.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<command-separator />` Source: `src/lib/components/ui/command/command-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<command-shortcut />` Source: `src/lib/components/ui/command/command-shortcut.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLSpanElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<copy-button />` Source: `src/lib/components/ui/copy-button/copy-button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | text | unknown | — | no | yes | | | animationDuration | number | 500 | no | no | | | variant | string | ghost | no | no | | | size | string | icon | no | no | | | onCopy | unknown | — | no | yes | | | class | unknown | — | no | yes | | | tabindex | number | -1 | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | icon | — | | ### `<dialog />` Source: `src/lib/components/ui/dialog/dialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | false | yes | no | | ### `<dialog-bordered />` Source: `src/lib/components/ui/dialog-bordered.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | no | | | showCloseButton | boolean | true | no | no | | | class | string | | no | no | | | color | ColorVariant | primary | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dialog-close />` Source: `src/lib/components/ui/dialog/dialog-close.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | type | string | button | no | no | | ### `<dialog-content />` Source: `src/lib/components/ui/dialog/dialog-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | portalProps | WithoutChildrenOrChild<ComponentProps<typeof DialogPortal>> | — | no | no | | | showCloseButton | boolean | true | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dialog-description />` Source: `src/lib/components/ui/dialog/dialog-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<dialog-footer />` Source: `src/lib/components/ui/dialog/dialog-footer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | showCloseButton | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dialog-header />` Source: `src/lib/components/ui/dialog/dialog-header.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dialog-overlay />` Source: `src/lib/components/ui/dialog/dialog-overlay.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<dialog-portal />` Source: `src/lib/components/ui/dialog/dialog-portal.svelte` ### `<dialog-title />` Source: `src/lib/components/ui/dialog/dialog-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<dialog-trigger />` Source: `src/lib/components/ui/dialog/dialog-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | type | string | button | no | no | | ### `<dock />` Source: `src/lib/components/ui/dock/dock.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | | magnification | number | 60 | no | no | | | distance | number | 140 | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dock-icon />` Source: `src/lib/components/ui/dock/dock-icon.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | | tooltip | string | — | no | no | | | onclick | () => void | — | no | no | | | transparent | boolean | false | no | no | | | selected | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dock-separator />` Source: `src/lib/components/ui/dock/dock-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | ### `<dropdown-menu />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | false | yes | no | | ### `<dropdown-menu-checkbox-group />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | [] | | yes | no | | ### `<dropdown-menu-checkbox-item />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | checked | boolean | false | yes | no | | | indeterminate | boolean | false | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dropdown-menu-content />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | sideOffset | number | 4 | no | no | | | portalProps | WithoutChildrenOrChild<ComponentProps<typeof DropdownMenuPortal>> | — | no | no | | | class | unknown | — | no | yes | | | onCloseAutoFocus | (e: any) => any | (e: Event) => e.preventDefault() | no | no | | ### `<dropdown-menu-group />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<dropdown-menu-group-heading />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | inset | boolean | — | no | no | | ### `<dropdown-menu-item />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | inset | boolean | — | no | no | | | variant | "default" \| "destructive" | default | no | no | | ### `<dropdown-menu-label />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | inset | boolean | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dropdown-menu-portal />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte` ### `<dropdown-menu-radio-group />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | unknown | — | yes | yes | | ### `<dropdown-menu-radio-item />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dropdown-menu-separator />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<dropdown-menu-shortcut />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLSpanElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dropdown-menu-sub />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | false | yes | no | | ### `<dropdown-menu-sub-content />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<dropdown-menu-sub-trigger />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | inset | boolean | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<dropdown-menu-trigger />` Source: `src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<DynamicIcon />` Source: `src/lib/components/ui/dynamic-icon/DynamicIcon.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | name | string | — | no | yes | | | size | number | 16 | no | no | | | class | string | — | no | no | | ### `<event-card />` Source: `src/lib/components/ui/event-card/event-card.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | | eventColor | EventColor | info | no | no | | ### `<event-card-label />` Source: `src/lib/components/ui/event-card/event-card-label.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | eventColor | EventColor | info | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<event-card-message />` Source: `src/lib/components/ui/event-card/event-card-message.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<event-card-root />` Source: `src/lib/components/ui/event-card/event-card-root.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | eventColor | EventColor | info | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<event-card-time />` Source: `src/lib/components/ui/event-card/event-card-time.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<event-card-title />` Source: `src/lib/components/ui/event-card/event-card-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLHeadingElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<form-button />` Source: `src/lib/components/ui/form/form-button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<form-description />` Source: `src/lib/components/ui/form/form-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<form-element-field />` Source: `src/lib/components/ui/form/form-element-field.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | form | unknown | — | no | yes | | | name | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<form-field />` Source: `src/lib/components/ui/form/form-field.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | form | unknown | — | no | yes | | | name | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<form-field-errors />` Source: `src/lib/components/ui/form/form-field-errors.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | errorClasses | string \| undefined \| null | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<form-fieldset />` Source: `src/lib/components/ui/form/form-fieldset.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | form | unknown | — | no | yes | | | name | unknown | — | no | yes | | ### `<form-label />` Source: `src/lib/components/ui/form/form-label.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | required | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<form-legend />` Source: `src/lib/components/ui/form/form-legend.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<highlighted-input />` Source: `src/lib/components/ui/input-group/highlighted-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | | yes | no | | | class | unknown | — | no | yes | | | type | string | text | no | no | | | placeholder | unknown | — | no | yes | | ### `<input />` Source: `src/lib/components/ui/input/input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLInputElement | null | yes | no | | | value | unknown | — | yes | yes | | | type | unknown | — | no | yes | | | files | unknown | — | yes | yes | | | class | unknown | — | no | yes | | | data-slot | string | input | no | no | | ### `<input-group />` Source: `src/lib/components/ui/input-group/input-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<input-group-addon />` Source: `src/lib/components/ui/input-group/input-group-addon.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | align | InputGroupAddonAlign | inline-start | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<input-group-button />` Source: `src/lib/components/ui/input-group/input-group-button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | type | string | button | no | no | | | variant | string | ghost | no | no | | | size | InputGroupButtonSize | xs | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<input-group-input />` Source: `src/lib/components/ui/input-group/input-group-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLInputElement | null | yes | no | | | value | unknown | — | yes | yes | | | class | unknown | — | no | yes | | | type | string | text | no | no | | ### `<input-group-text />` Source: `src/lib/components/ui/input-group/input-group-text.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLSpanElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<input-group-textarea />` Source: `src/lib/components/ui/input-group/input-group-textarea.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | unknown | — | yes | yes | | | class | unknown | — | no | yes | | ### `<JsonTableViewer />` Source: `src/lib/components/ui/JsonTableViewer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | data | unknown | — | no | yes | | | isNested | boolean | false | no | no | | ### `<kbd />` Source: `src/lib/components/ui/kbd/kbd.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLElement | null | yes | no | | | class | unknown | — | no | yes | | | size | KbdSize | key | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<label />` Source: `src/lib/components/ui/label/label.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<loading-bar />` Source: `src/lib/components/ui/loading-bar/loading-bar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | size | LoadingBarSize | xs | no | no | | | variant | LoadingBarVariant | muted | no | no | | | duration | string | 1.2s | no | no | | | easing | string | ease-in-out | no | no | | | barClass | string | — | no | no | | ### `<MetadataLoading />` Source: `src/lib/components/ui/metadata-loading/MetadataLoading.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | entityName | string | — | no | no | | | loadingText | string | — | no | no | | ### `<password />` Source: `src/lib/components/ui/password/password.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | hidden | boolean | true | yes | no | | | minScore | number | 3 | no | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<password-copy />` Source: `src/lib/components/ui/password/password-copy.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<password-input />` Source: `src/lib/components/ui/password/password-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | string | | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<password-input-field />` Source: `src/lib/components/ui/password/password-input-field.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | string | | yes | no | | | minScore | 0 \| 1 \| 2 \| 3 \| 4 | 3 | no | no | | | class | unknown | — | no | yes | | ### `<password-strength />` Source: `src/lib/components/ui/password/password-strength.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | strength | unknown | — | yes | yes | | | class | unknown | — | no | yes | | ### `<password-toggle-visibility />` Source: `src/lib/components/ui/password/password-toggle-visibility.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<popover-content />` Source: `src/lib/components/ui/popover/popover-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | sideOffset | number | 4 | no | no | | | class | unknown | — | no | yes | | | align | string | center | no | no | | ### `<popover-trigger />` Source: `src/lib/components/ui/popover/popover-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<priority-tooltip-content />` Source: `src/lib/components/ui/tooltip/priority-tooltip-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | sideOffset | number | 4 | no | no | | | priority | TooltipPriority | INFORMATION | no | no | | | title | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<resizable-handle />` Source: `src/lib/components/ui/resizable/resizable-handle.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | withHandle | boolean | false | no | no | | ### `<resizable-pane-group />` Source: `src/lib/components/ui/resizable/resizable-pane-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | this | ResizablePrimitive.PaneGroup | — | yes | no | | | class | unknown | — | no | yes | | ### `<rfc-error-dialog />` Source: `src/lib/components/ui/rfc-error-dialog.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | — | yes | yes | | | error | RFC7807Error \| null | — | no | yes | | | showCloseButton | boolean | false | no | no | | | color | 'critical' \| 'error' \| 'warning' \| 'info' | error | no | no | | ### `<scroll-area />` Source: `src/lib/components/ui/scroll-area/scroll-area.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | viewportRef | HTMLElement \| null | null | yes | no | | | class | unknown | — | no | yes | | | orientation | "vertical" \| "horizontal" \| "both" \| undefined | vertical | no | no | | | scrollbarXClasses | string \| undefined | | no | no | | | scrollbarYClasses | string \| undefined | | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<scroll-area-scrollbar />` Source: `src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | orientation | string | vertical | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<separator />` Source: `src/lib/components/ui/separator/separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | orientation | string | horizontal | no | no | | ### `<sheet />` Source: `src/lib/components/ui/sheet/sheet.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | open | boolean | false | yes | no | | ### `<sheet-close />` Source: `src/lib/components/ui/sheet/sheet-close.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<sheet-content />` Source: `src/lib/components/ui/sheet/sheet-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | side | Side | right | no | no | | | showClose | boolean | true | no | no | | | modal | boolean | true | no | no | | | portalProps | SheetPrimitive.PortalProps | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sheet-description />` Source: `src/lib/components/ui/sheet/sheet-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<sheet-footer />` Source: `src/lib/components/ui/sheet/sheet-footer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sheet-header />` Source: `src/lib/components/ui/sheet/sheet-header.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sheet-overlay />` Source: `src/lib/components/ui/sheet/sheet-overlay.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<sheet-portal />` Source: `src/lib/components/ui/sheet/sheet-portal.svelte` ### `<sheet-title />` Source: `src/lib/components/ui/sheet/sheet-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<sheet-trigger />` Source: `src/lib/components/ui/sheet/sheet-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | ### `<sidebar />` Source: `src/lib/components/ui/sidebar/sidebar.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | side | "left" \| "right" | left | no | no | | | variant | "sidebar" \| "floating" \| "inset" | sidebar | no | no | | | collapsible | "offcanvas" \| "icon" \| "none" | offcanvas | no | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-content />` Source: `src/lib/components/ui/sidebar/sidebar-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-footer />` Source: `src/lib/components/ui/sidebar/sidebar-footer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-group />` Source: `src/lib/components/ui/sidebar/sidebar-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-group-action />` Source: `src/lib/components/ui/sidebar/sidebar-group-action.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLButtonElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | child | — | | ### `<sidebar-group-content />` Source: `src/lib/components/ui/sidebar/sidebar-group-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-group-label />` Source: `src/lib/components/ui/sidebar/sidebar-group-label.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | child | — | | ### `<sidebar-header />` Source: `src/lib/components/ui/sidebar/sidebar-header.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-input />` Source: `src/lib/components/ui/sidebar/sidebar-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | string | | yes | no | | | class | unknown | — | no | yes | | ### `<sidebar-inset />` Source: `src/lib/components/ui/sidebar/sidebar-inset.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-menu />` Source: `src/lib/components/ui/sidebar/sidebar-menu.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLUListElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-menu-action />` Source: `src/lib/components/ui/sidebar/sidebar-menu-action.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLButtonElement | null | yes | no | | | class | unknown | — | no | yes | | | showOnHover | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | child | — | | ### `<sidebar-menu-badge />` Source: `src/lib/components/ui/sidebar/sidebar-menu-badge.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-menu-button />` Source: `src/lib/components/ui/sidebar/sidebar-menu-button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLButtonElement | null | yes | no | | | class | unknown | — | no | yes | | | variant | SidebarMenuButtonVariant | default | no | no | | | size | SidebarMenuButtonSize | default | no | no | | | isActive | boolean | false | no | no | | | tooltipContent | Snippet | — | no | no | | | tooltipContentProps | WithoutChildrenOrChild<ComponentProps<typeof Tooltip.Content>> | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | child | — | | ### `<sidebar-menu-item />` Source: `src/lib/components/ui/sidebar/sidebar-menu-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLLIElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-menu-skeleton />` Source: `src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | | showIcon | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-menu-sub />` Source: `src/lib/components/ui/sidebar/sidebar-menu-sub.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLUListElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-menu-sub-button />` Source: `src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLAnchorElement | null | yes | no | | | class | unknown | — | no | yes | | | size | "sm" \| "md" | md | no | no | | | isActive | boolean | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | | child | — | | ### `<sidebar-menu-sub-item />` Source: `src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLLIElement | null | yes | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-provider />` Source: `src/lib/components/ui/sidebar/sidebar-provider.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | open | boolean | true | yes | no | | | onOpenChange | (open: boolean) => void | () => {} | no | no | | | class | unknown | — | no | yes | | | style | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-rail />` Source: `src/lib/components/ui/sidebar/sidebar-rail.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLButtonElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sidebar-separator />` Source: `src/lib/components/ui/sidebar/sidebar-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<sidebar-trigger />` Source: `src/lib/components/ui/sidebar/sidebar-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | onclick | (e: MouseEvent) => void | — | no | no | | ### `<skeleton />` Source: `src/lib/components/ui/skeleton/skeleton.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLDivElement | null | yes | no | | | class | unknown | — | no | yes | | ### `<sonner />` Source: `src/lib/components/ui/sonner/sonner.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | unknown | — | no | yes | | ### `<sortable />` Source: `src/lib/components/ui/sortable/sortable.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | items | any[] | | yes | no | | | class | string | — | no | no | | | onSort | (items: any[]) => void | — | no | no | | | animation | number | 200 | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sortable-handle />` Source: `src/lib/components/ui/sortable/sortable-handle.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<sortable-item />` Source: `src/lib/components/ui/sortable/sortable-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | id | string | — | no | yes | | | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<spinner />` Source: `src/lib/components/ui/spinner/spinner.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | unknown | — | no | yes | | | role | string | status | no | no | | | name | unknown | — | no | yes | | | color | unknown | — | no | yes | | | stroke | unknown | — | no | yes | | | aria-label | string | Loading | no | no | | ### `<switch />` Source: `src/lib/components/ui/switch/switch.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | checked | boolean | false | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | thumbIcons | — | | ### `<table />` Source: `src/lib/components/ui/table/table.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableElement | null | yes | no | | | containerClass | string | | no | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-body />` Source: `src/lib/components/ui/table/table-body.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableSectionElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-caption />` Source: `src/lib/components/ui/table/table-caption.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableCaptionElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-cell />` Source: `src/lib/components/ui/table/table-cell.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableCellElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-footer />` Source: `src/lib/components/ui/table/table-footer.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableSectionElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-head />` Source: `src/lib/components/ui/table/table-head.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableCellElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-header />` Source: `src/lib/components/ui/table/table-header.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableSectionElement | null | yes | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<table-row />` Source: `src/lib/components/ui/table/table-row.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTableRowElement | null | yes | no | | | class | unknown | — | no | yes | | | suppressCellHoverMuted | boolean | false | no | no | When true, do not paint all cells `bg-muted` on row hover (entity list applies per-cell palette hovers). | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<tabs />` Source: `src/lib/components/ui/tabs/tabs.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | string | | yes | no | | | class | unknown | — | no | yes | | ### `<tabs-content />` Source: `src/lib/components/ui/tabs/tabs-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<tabs-list />` Source: `src/lib/components/ui/tabs/tabs-list.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | variant | TabsListVariant | default | no | no | | | class | unknown | — | no | yes | | ### `<tabs-trigger />` Source: `src/lib/components/ui/tabs/tabs-trigger.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | ### `<text-input />` Source: `src/lib/components/ui/input/text-input.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | value | string | | yes | no | | | type | unknown | — | no | yes | | | readonly | boolean | false | no | no | | | disabled | boolean | false | no | no | | | onClear | unknown | — | no | yes | | | clearLabel | string | Clear | no | no | | | onCopy | unknown | — | no | yes | | | copyTooltipLabel | unknown | — | no | yes | | | copyAnimationDuration | number | 2000 | no | no | | | class | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | trailing | — | | ### `<textarea />` Source: `src/lib/components/ui/textarea/textarea.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | null \| HTMLTextAreaElement | null | yes | no | | | value | unknown | — | yes | yes | | | class | unknown | — | no | yes | | | data-slot | string | textarea | no | no | | ### `<timeline />` Source: `src/lib/components/ui/timeline/timeline.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<timeline-content />` Source: `src/lib/components/ui/timeline/timeline-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<timeline-date />` Source: `src/lib/components/ui/timeline/timeline-date.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<timeline-description />` Source: `src/lib/components/ui/timeline/timeline-description.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<timeline-item />` Source: `src/lib/components/ui/timeline/timeline-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<timeline-separator />` Source: `src/lib/components/ui/timeline/timeline-separator.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<timeline-title />` Source: `src/lib/components/ui/timeline/timeline-title.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<toggle />` Source: `src/lib/components/ui/toggle/toggle.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | pressed | boolean | false | yes | no | | | class | unknown | — | no | yes | | | size | ToggleSize | default | no | no | | | variant | ToggleVariant | default | no | no | | ### `<tooltip-content />` Source: `src/lib/components/ui/tooltip/tooltip-content.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | sideOffset | number | 4 | no | no | | ### `<tooltip-portal />` Source: `src/lib/components/ui/tooltip/tooltip-portal.svelte` ### `<translated-field-errors />` Source: `src/lib/components/ui/form/translated-field-errors.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | ref | unknown | null | yes | no | | | class | unknown | — | no | yes | | | errorClasses | string \| undefined \| null | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<wheel-picker />` Source: `src/lib/components/ui/wheel-picker/wheel-picker.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | string | — | no | no | | | collapsed | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<wheel-picker-group />` Source: `src/lib/components/ui/wheel-picker/wheel-picker-group.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | — | yes | no | | | class | string | — | no | no | | | onValueChange | (val: string) => void | — | no | no | | | loop | boolean | false | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<wheel-picker-item />` Source: `src/lib/components/ui/wheel-picker/wheel-picker-item.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | value | string | — | no | yes | | | class | string | — | no | no | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | ### `<window />` Source: `src/lib/components/ui/window/window.svelte` | Prop | Type | Default | Bindable | Required | Description | |------|------|---------|----------|----------|-------------| | class | unknown | — | no | yes | | | contentClass | unknown | — | no | yes | | **Slots** | Name | Props | Description | |------|-------|-------------| | | — | | <!-- END -->