dap-design-system 0.60.2 → 0.61.0

package/dist/components/datatable/datatable.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.component.js","sources":["../../../src/components/datatable/datatable.component.ts"],"sourcesContent":["import {\n  Cell,\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  Header,\n  PaginationState,\n  Row,\n  RowData,\n  RowSelectionState,\n  SortingState,\n  Table,\n  TableController,\n} from '@tanstack/lit-table'\n// Extended column definition with textAlign property\nexport type ExtendedColumnDef<T> = ColumnDef<T, unknown> & {\n  textAlign?: string\n  headerTextAlign?: string\n  disableDefaultSorting?: boolean\n  /**\n   * Pins the column to the left or right edge of the horizontally scrolling\n   * viewport, so it stays visible while the other columns scroll under it.\n   * Give a pinned column an explicit `size` — its width is what positions the\n   * next column pinned to the same side. Columns pinned to one side stack in\n   * DOM order out from that edge.\n   */\n  sticky?: 'left' | 'right'\n}\n\nimport clsx from 'clsx'\nimport { nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { html, unsafeStatic } from 'lit/static-html.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { t } from '@/localization/localization'\n\nimport DapDSCheckbox from '../checkbox/checkbox.component'\nimport { IconSize } from '../icon/icon.component'\nimport ArrowsArrowDownSLine from '../icons/arrows/arrows-arrow-down-s-line/arrows-arrow-down-s-line.component'\nimport ArrowsArrowUpSLine from '../icons/arrows/arrows-arrow-up-s-line/arrows-arrow-up-s-line.component'\nimport DapDSPager from '../pager/pager.component'\nimport DapDSSkeleton from '../skeleton/skeleton.component'\nimport { SpinnerVariant } from '../spinner/spinner.component'\nimport DapDSSpinner from '../spinner/spinner.component'\nimport styles from './datatable.scss?inline'\nimport { renderCellContent } from './utils/cell-renderer'\n\nconst MULTISELECT_COLUMN_ID = '__multiSelect__'\n\n// Type alias for sort state\ntype SortState = false | 'asc' | 'desc'\ntype LoadingType = 'spinner' | 'skeleton'\n\n/**\n * `dap-ds-datatable`\n * @summary A data table is a component that displays data in a tabular format.\n * @element dap-ds-datatable\n * @title - Data table\n * @generic T\n *\n * @event {{ sorting: SortingState }} dds-sorting-change - Fired when the sorting of the table changes.\n * @event {{ selection: RowSelectionState }} dds-selection-change - Fired when the selection of the table changes.\n * @event {{ pagination: PaginationState }} dds-pagination-change - Fired when the pagination of the table changes.\n * @event {{ row: Row<T> }} dds-row-click - Fired when a row is clicked.\n *\n * @slot loading - The loading content of the table.\n * @slot empty - The empty content of the table.\n *\n * @csspart base - The main table container.\n * @csspart header - The header of the table.\n * @csspart header-row - The header row of the table.\n * @csspart header-cell - All cells of the header.\n * @csspart body - The body of the table.\n * @csspart empty - The empty content of the table.\n * @csspart loading - The loading content of the table.\n * @csspart row - All rows of the table.\n * @csspart cell - All cells of the table.\n * @csspart pager - The pager of the table.\n * @csspart pager-base - The base of the pager.\n * @csspart pager-first - The first button of the pager.\n * @csspart pager-previous - The previous button of the pager.\n * @csspart pager-next - The next button of the pager.\n * @csspart pager-last - The last button of the pager.\n * @csspart pager-page-size-select - The page size select of the pager.\n *\n * @cssproperty --dds-datatable-bg-color - Background color of the table. (default: var(--dds-background-neutral-subtle)).\n * @cssproperty --dds-datatable-border-color - Border color of the table cells. (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-datatable-header-bg-color - Background color of the table header. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-datatable-header-text-color - Text color of the table header. (default: var(--dds-text-neutral-strong))\n * @cssproperty --dds-datatable-row-hover-bg-color - Background color of hovered rows. (default: var(--dds-background-brand-strong))\n * @cssproperty --dds-datatable-row-selected-bg-color - Background color of selected rows. (default: var(--dds-background-brand-strong))\n * @cssproperty --dds-datatable-cell-padding - Padding of table cells. (default: var(--dds-spacing-200))\n * @cssproperty --dds-datatable-header-padding - Padding of header cells. (default: var(--dds-spacing-200))\n * @cssproperty --dds-datatable-last-column-padding - Padding of the last column. (default: var(--dds-spacing-500))\n * @cssproperty --dds-datatable-first-column-padding - Padding of the first column. (default: var(--dds-spacing-500))\n * @cssproperty --dds-datatable-border-width - Width of table borders. (default: var(--dds-border-width-base))\n * @cssproperty --dds-datatable-outer-border-width - Width of the outer container border only. (default: var(--dds-datatable-border-width))\n * @cssproperty --dds-datatable-header-border-width - Width of the header row bottom border only. (default: var(--dds-datatable-border-width))\n * @cssproperty --dds-datatable-row-border-width - Width of the row (body cell) bottom borders only. (default: var(--dds-datatable-border-width))\n * @cssproperty --dds-datatable-stripe-color - Background color for striped rows. (default: var(--dds-background-neutral-base))\n * @cssproperty --dds-datatable-border-radius - Border radius of the table. (default: var(--dds-radius-base))\n * @cssproperty --dds-datatable-shadow - Box shadow of the table. (default: none)\n * @cssproperty --dds-datatable-transition-duration - Duration of hover/selection transitions. (default: 0.2s)\n * @cssproperty --dds-datatable-z-index - Z-index of the table. (default: 1)\n * @cssproperty --dds-datatable-min-height - Minimum height of the table. (default: auto)\n * @cssproperty --dds-datatable-max-height - Maximum height of the table. (default: none)\n * @cssproperty --dds-datatable-overflow-x - Horizontal overflow behavior. (default: auto)\n * @cssproperty --dds-datatable-overflow-y - Vertical overflow behavior. (default: auto)\n */\nexport default class DapDSDataTable<T> extends DdsElement {\n  static tagName = 'dap-ds-datatable'\n\n  static dependencies = {\n    'dap-ds-checkbox': DapDSCheckbox,\n    'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLine,\n    'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLine,\n    'dap-ds-skeleton': DapDSSkeleton,\n    'dap-ds-spinner': DapDSSpinner,\n    'dap-ds-pager': DapDSPager,\n  }\n\n  static readonly styles = unsafeCSS(styles)\n\n  private readonly tableController = new TableController<T>(this)\n\n  // Pinned columns, recomputed each render: column id -> the edge it is pinned\n  // to and the pixel offset from that edge. The offset accumulates the widths of\n  // the columns pinned to the same side, so several pinned columns line up\n  // instead of overlapping. Read by renderHeaderCell / renderBody.\n  private stickyOffsets = new Map<\n    string,\n    { side: 'left' | 'right'; offset: number }\n  >()\n\n  /** Data to display in the table */\n  @property({ attribute: false }) data: RowData[] = []\n  /** Columns to display in the table */\n  @property({ attribute: false }) columns: ExtendedColumnDef<T>[] = []\n\n  /** Row key to use for row selection, this should be a unique key for each row */\n  @property() rowKey: string = 'id'\n\n  /** Enable row selection on the table, can be a boolean or a function that returns a boolean\n   * @type {boolean | ((row: Row<T>) => boolean)}\n   */\n  @property({ type: Boolean }) enableRowSelection:\n    | boolean\n    | ((row: Row<T>) => boolean) = false\n  /** Pin the built-in row-selection (checkbox) column to the left edge, so it\n   * stays visible while the other columns scroll horizontally under it. */\n  @property({ type: Boolean }) stickySelectionColumn: boolean = false\n  /** Enable sorting on the table */\n  @property({ type: Boolean }) enableSorting: boolean = false\n  /** Enable manual sorting on the table */\n  @property({ type: Boolean }) manualSorting: boolean = false\n  /** Enables manual pagination. If this option is set to true, the table will not automatically paginate rows and instead will expect you to manually paginate the rows before passing them to the table. This is useful if you are doing server-side pagination and aggregation. */\n  @property({ type: Boolean }) manualPagination: boolean = false\n  /** If set to true, pagination will be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc. This behavior is automatically disabled when manualPagination is true but it can be overridden by explicitly assigning a boolean value to the autoResetPageIndex table option. */\n  @property({ type: Boolean }) autoResetPageIndex: boolean = false\n\n  /** Enable row click on the table */\n  @property({ type: Boolean }) enableRowClick: boolean = false\n\n  /** Loading state of the table */\n  @property({ type: Boolean }) loading: boolean = false\n\n  /** Whether to enable striped rows */\n  @property({ type: Boolean }) enableStripedRows: boolean = false\n\n  /** Number of rows in the table */\n  @property({ type: Number }) rowCount?: number\n\n  /** Caption text for the table */\n  @property({ type: String }) caption?: string\n\n  /** The type of loading to use\n   * @type {'spinner' | 'skeleton'}\n   */\n  @property({ type: String }) loadingType: LoadingType = 'spinner'\n\n  /**\n   * The variant of the spinner. Only used if loadingType is 'spinner'.\n   * @type {\"neutral\" | \"brand\" | \"negative\" | \"positive\" | \"inverted\"}\n   */\n  @property({ type: String, reflect: true }) loadingVariant: SpinnerVariant =\n    'neutral'\n\n  /**\n   * The size of the spinner. Only used if loadingType is 'spinner'.\n   * @type {\"xxl\" | \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\"}\n   */\n  @property({ type: String, reflect: true }) loadingSize: IconSize = 'lg'\n  /** The size of the spinner in pixels. This overrides the size attribute. Only used if loadingType is 'spinner'. */\n  @property({ type: Number }) loadingStaticSize?: number\n  /** The loading text. Only used if loadingType is 'spinner'. */\n  @property({ type: String }) loadingText: string\n\n  /** The text to display when the table is empty. */\n  @property({ type: String }) emptyText: string\n\n  /** Whether to disable the header when the table is empty.\n   * @type {'true' | 'false'}\n   */\n  @property({ type: String }) disableHeaderOnEmpty: string = 'true'\n\n  /** Whether to show the pager component when the table is empty. */\n  @property({ type: Boolean }) showPagerOnEmpty: boolean = false\n\n  /** Whether to show the pager component */\n  @property({ type: Boolean }) pager: boolean = false\n\n  /** Show the page size options. */\n  @property({ type: String }) showPageSizeOptions = 'true'\n  /** Show the page index. */\n  @property({ type: String }) showPageIndex = 'true'\n  /** Show the page count. */\n  @property({ type: String }) showPageCount = 'true'\n  /** Show the first button. */\n  @property({ type: String }) showFirstButton = 'true'\n  /** Show the previous button. */\n  @property({ type: String }) showPreviousButton = 'true'\n  /** Show the next button. */\n  @property({ type: String }) showNextButton = 'true'\n  /** Show the last button. */\n  @property({ type: String }) showLastButton = 'true'\n  /** Show numbered page buttons between the previous and next buttons. */\n  @property({ type: String }) showPageNumbers = 'false'\n  /** How many page numbers to show on each side of the current page. */\n  @property({ type: Number }) siblingCount = 1\n\n  /** The label of the first button */\n  @property({ type: String }) firstButtonLabel: string\n\n  /** The label of the previous button */\n  @property({ type: String }) previousButtonLabel: string\n\n  /** The label of the next button */\n  @property({ type: String }) nextButtonLabel: string\n\n  /** The label of the last button */\n  @property({ type: String }) lastButtonLabel: string\n\n  /** `data-testid` for the column sort-toggle button. Suffixed with the column id. */\n  @property() sortButtonTestId = 'datatable-sort-button'\n\n  /** The function to determine the pager text\n   * @type {(pageIndex: number, pageSize: number, totalRows: number) => string}\n   */\n  @property({ attribute: false }) pageStateText: (\n    pageIndex: number,\n    pageSize: number,\n    totalRows: number,\n  ) => string\n\n  /** Available page size options for the pager\n   * @type {number[]}\n   */\n  @property({ type: Array }) pageSizeOptions: number[] = [10, 25, 50, 100]\n\n  /** Sorting state of the table */\n  @property({ type: Array }) sorting: SortingState\n  /** @ignore */\n  @state() private _sorting: SortingState = []\n\n  /** Selection state of the table */\n  @property({ type: Object }) rowSelection: RowSelectionState\n  /** @ignore */\n  @state() private _rowSelection: RowSelectionState = {}\n\n  /** Pagination state of the table */\n  @property({ type: Object }) pagination: PaginationState\n  /** @ignore */\n  @state() private _pagination: PaginationState = {\n    pageIndex: 0,\n    pageSize: 10,\n  }\n\n  /** Column sizing state of the table */\n  @property({ type: Object }) columnSizing?: Record<string, number>\n  /** @ignore */\n  @state() private _columnSizing: Record<string, number> = {}\n\n  /** ID of element labeling the table */\n  @property({ type: String }) ariaLabel: string | null = null\n\n  /** @ignore */\n  private resizeObserver?: ResizeObserver\n\n  /** @ignore */\n  private get isTableEmpty(): boolean {\n    // When using manual pagination with rowCount, check rowCount instead of data length\n    if (this.manualPagination && this.rowCount !== undefined) {\n      return this.rowCount === 0\n    }\n    return !this.data || this.data.length === 0\n  }\n\n  /** @ignore */\n  private get shouldDisableHeaderActions(): boolean {\n    return this.disableHeaderOnEmpty === 'true' && this.isTableEmpty\n  }\n\n  /** @ignore */\n  @state() private readonly _statusMessage: string = ''\n\n  /** @ignore */\n  @property({ type: Boolean }) debug = false\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n\n    if (this.sorting) {\n      this._sorting = this.sorting\n    }\n\n    if (this.rowSelection) {\n      this._rowSelection = this.rowSelection\n    }\n\n    if (this.pagination) {\n      this._pagination = this.pagination\n    } else if (this.pageSizeOptions && this.pageSizeOptions.length > 0) {\n      // If pagination is not explicitly set, use the first item in pageSizeOptions as default\n      this._pagination = {\n        ...this._pagination,\n        pageSize: this.pageSizeOptions[0],\n      }\n    }\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    if (_changedProperties.has('pagination')) {\n      this._pagination = this.pagination\n    }\n\n    if (_changedProperties.has('sorting')) {\n      this._sorting = this.sorting\n    }\n\n    if (\n      _changedProperties.has('rowSelection') ||\n      _changedProperties.has('rowselection')\n    ) {\n      this._rowSelection = this.rowSelection\n    }\n\n    if (_changedProperties.has('data')) {\n      this.requestUpdate()\n    }\n  }\n\n  /**\n   * Cleanup resize observer\n   */\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect()\n      this.resizeObserver = undefined\n    }\n  }\n\n  private readonly columnsMemo = () => {\n    // Process columns to prevent TanStack Table's default 150px width\n    // Set minSize: 0 for columns without explicit sizes so they default to 'auto' in colgroup\n    const processedColumns = this.columns.map(col => {\n      // If column has no size specified, set minSize to 0 to prevent default 150px\n      if (!col.size && !col.minSize && !col.maxSize) {\n        return { ...col, minSize: 0 }\n      }\n      return col\n    })\n\n    return [\n      ...(this.enableRowSelection &&\n      this.columns[0] &&\n      this.columns[0].id !== MULTISELECT_COLUMN_ID\n        ? [\n            {\n              id: MULTISELECT_COLUMN_ID,\n              accessorKey: MULTISELECT_COLUMN_ID,\n              enableSorting: false,\n              size: 50,\n              maxSize: 50,\n              ...(this.stickySelectionColumn\n                ? { sticky: 'left' as const }\n                : {}),\n              header: ({ table }: { table: Table<T> }) =>\n                html`<dap-ds-checkbox\n                  isIndeterminate=${table.getIsSomeRowsSelected()}\n                  @dds-change=${table.getToggleAllRowsSelectedHandler()}\n                  .checked=\"${table.getIsAllRowsSelected()}\"\n                  .indeterminate=\"${table.getIsSomeRowsSelected()}\"\n                  ?disabled=\"${this.disableHeaderOnEmpty === 'true' &&\n                  this.isTableEmpty}\"></dap-ds-checkbox>`,\n              cell: ({ row }: { row: any }) =>\n                html`<dap-ds-checkbox\n                  @dds-change=\"${row.getToggleSelectedHandler()}\"\n                  .checked=\"${row.getIsSelected()}\"\n                  ?disabled=\"${!row.getCanSelect()}\"\n                  .indeterminate=\"${row.getIsSomeSelected()}\"></dap-ds-checkbox>`,\n            },\n          ]\n        : []),\n      ...processedColumns,\n    ]\n  }\n\n  // Walks the visible leaf columns from each edge inward, giving every pinned\n  // column its offset (the summed width of the already-seen pinned columns on\n  // that side). getSize() resolves to the column's `size`, so a pinned column\n  // without a size contributes 0 and the next one on that side would overlap it.\n  private computeStickyOffsets(table: Table<T>) {\n    const offsets = new Map<\n      string,\n      { side: 'left' | 'right'; offset: number }\n    >()\n    const columns = table.getVisibleLeafColumns()\n\n    let right = 0\n    for (let i = columns.length - 1; i >= 0; i--) {\n      const column = columns[i]\n      if ((column.columnDef as ExtendedColumnDef<T>).sticky === 'right') {\n        offsets.set(column.id, { side: 'right', offset: right })\n        right += column.getSize()\n      }\n    }\n\n    let left = 0\n    for (const column of columns) {\n      if ((column.columnDef as ExtendedColumnDef<T>).sticky === 'left') {\n        offsets.set(column.id, { side: 'left', offset: left })\n        left += column.getSize()\n      }\n    }\n\n    this.stickyOffsets = offsets\n  }\n\n  // Inline sticky positioning for a pinned column. z-index lifts the cell above\n  // the row cells scrolling under it (needed for a left-pinned column, whose\n  // siblings paint after it). The opaque background and edge divider come from\n  // the `--sticky-*` classes in the stylesheet.\n  private getStickyStyle(columnId: string): string | undefined {\n    const sticky = this.stickyOffsets.get(columnId)\n    if (!sticky) return undefined\n    return `position: sticky; ${sticky.side}: ${sticky.offset}px; z-index: 1;`\n  }\n\n  private renderHeaderCell(\n    header: Header<T, unknown>,\n    _isLastColumn: boolean = false,\n  ) {\n    const columnDef = header.column.columnDef as ExtendedColumnDef<T>\n    const canSort = header.column.getCanSort()\n    const isSorted = header.column.getIsSorted()\n    const nextSortOrder = header.column.getNextSortingOrder()\n    const disableDefaultSorting = columnDef.disableDefaultSorting ?? false\n\n    const sticky = this.stickyOffsets.get(header.column.id)\n    const headerStyle =\n      [this.getHeaderCellStyle(header), this.getStickyStyle(header.column.id)]\n        .filter(Boolean)\n        .join(' ') || undefined\n    const contentStyle = columnDef.headerTextAlign\n      ? `justify-content: ${columnDef.headerTextAlign};`\n      : undefined\n\n    const sortIcon = this.getSortIcon(isSorted)\n    const sortTitle = this.getSortTitle(canSort, nextSortOrder)\n\n    return html`\n      <th\n        colspan=\"${header.colSpan}\"\n        rowspan=\"${header.rowSpan}\"\n        part=\"header-cell\"\n        class=${clsx(\n          'data-table-header-cell',\n          sticky && `data-table-header-cell--sticky-${sticky.side}`,\n        )}\n        scope=\"col\"\n        aria-sort=${canSort && !this.shouldDisableHeaderActions\n          ? this.getAriaSortValue(isSorted)\n          : 'none'}\n        style=\"${ifDefined(headerStyle)}\">\n        ${this.renderHeaderCellContent(\n          header,\n          columnDef,\n          canSort,\n          disableDefaultSorting,\n          sortTitle,\n          contentStyle,\n          sortIcon,\n        )}\n      </th>\n    `\n  }\n\n  private renderHeaderCellContent(\n    header: Header<T, unknown>,\n    columnDef: ExtendedColumnDef<T>,\n    canSort: boolean,\n    disableDefaultSorting: boolean,\n    sortTitle: string | undefined,\n    contentStyle: string | undefined,\n    sortIcon: any,\n  ) {\n    if (!canSort) {\n      return flexRender(columnDef.header, header.getContext())\n    }\n\n    // Disable sorting if disableHeaderOnEmpty is true and table is empty\n    const elementTag =\n      disableDefaultSorting || this.shouldDisableHeaderActions\n        ? 'div'\n        : 'dap-ds-button'\n    const clickHandler =\n      !disableDefaultSorting && !this.shouldDisableHeaderActions\n        ? header.column.getToggleSortingHandler()\n        : null\n    const cursorStyle =\n      canSort && !this.shouldDisableHeaderActions ? 'pointer' : 'not-allowed'\n\n    return html`<${unsafeStatic(elementTag)}\n      class=\"data-table-header-cell__controller\"\n      variant=\"clean\"\n      data-testid=\"${this.sortButtonTestId}-${header.column.id}\"\n      title=${ifDefined(sortTitle)}\n      @click=\"${clickHandler}\"\n      style=\"cursor: ${cursorStyle}\">\n      <span \n        part=\"content\" \n        class=\"data-table-header-cell__content\"\n        style=\"${ifDefined(contentStyle)}\">\n        ${flexRender(columnDef.header, header.getContext())}\n        ${sortIcon}\n      </span>\n    </${unsafeStatic(elementTag)}>`\n  }\n\n  private getHeaderCellStyle(header: Header<T, unknown>): string | undefined {\n    const columnDef = header.column.columnDef as ExtendedColumnDef<T>\n    if (!columnDef.size && !columnDef.maxSize && !columnDef.headerTextAlign) {\n      return undefined\n    }\n\n    return `\n      ${columnDef.size ? `width: ${columnDef.size}px;` : ''}\n      ${columnDef.maxSize ? `max-width: ${columnDef.maxSize}px;` : ''}\n      ${columnDef.headerTextAlign ? `text-align: ${columnDef.headerTextAlign};` : ''}\n    `\n  }\n\n  // Replace this union type with a type alias.\n  private getSortIcon(isSorted: SortState) {\n    if (isSorted === 'asc') {\n      return html`<dap-ds-icon-arrow-up-s-line\n        size=\"16\"></dap-ds-icon-arrow-up-s-line>`\n    }\n    if (isSorted === 'desc') {\n      return html`<dap-ds-icon-arrow-down-s-line\n        size=\"16\"></dap-ds-icon-arrow-down-s-line>`\n    }\n    return null\n  }\n\n  private getSortTitle(\n    canSort: boolean,\n    nextSortOrder: false | 'asc' | 'desc',\n  ): string | undefined {\n    if (!canSort) return undefined\n\n    if (nextSortOrder === 'asc') return t('datatable.sortAscending')\n    if (nextSortOrder === 'desc') return t('datatable.sortDescending')\n    return t('datatable.clearSort')\n  }\n\n  private getAriaSortValue(\n    isSorted: SortState,\n  ): 'ascending' | 'descending' | 'none' {\n    if (isSorted === 'asc') return 'ascending'\n    if (isSorted === 'desc') return 'descending'\n    return 'none'\n  }\n\n  /**\n   * Render cell content with support for multiple formats\n   * Supports: primitives, styled objects, HTMLElements, HTML strings,\n   * render callbacks, and Lit templates\n   */\n  private renderCell(cell: Cell<T, unknown>) {\n    const content = cell.column.columnDef.cell\n    const context = cell.getContext()\n\n    // Get raw content from cell renderer\n    const rawContent =\n      typeof content === 'function' ? content(context) : content\n\n    // Process through multi-format renderer\n    const processed = renderCellContent(rawContent)\n\n    // If it's already a Lit template or primitive, use flexRender\n    // Otherwise, return the processed content directly\n    if (\n      typeof processed === 'string' ||\n      typeof processed === 'number' ||\n      typeof processed === 'boolean' ||\n      processed === null ||\n      processed === undefined\n    ) {\n      return processed\n    }\n\n    // For HTMLElement or complex content, wrap in lit-html unsafeHTML\n    if (processed instanceof HTMLElement) {\n      // Return the element directly - Lit can handle HTMLElements\n      return processed\n    }\n\n    // For everything else (TemplateResult), use flexRender\n    return flexRender(content, context)\n  }\n\n  private handleRowClick(row: Row<T>): void {\n    if (this.enableRowClick) {\n      this.emit('dds-row-click', { row })\n    }\n  }\n\n  private handleRowKeydown(e: KeyboardEvent, row: Row<T>): void {\n    if (e.key === 'Enter' || e.key === ' ') {\n      // Don't prevent default or handle row click if the event originated from\n      // an interactive element inside the cell (button, link, input, etc.)\n      // Use composedPath() to check the actual originating element across shadow DOM boundaries\n      const composedPath = e.composedPath()\n\n      // Check if any element in the composed path is an interactive element\n      const isInteractiveElement = composedPath.some(element => {\n        if (!(element instanceof HTMLElement)) return false\n        // Check native elements\n        if (\n          ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(\n            element.tagName,\n          )\n        ) {\n          return true\n        }\n        // Check role=\"button\"\n        if (element.getAttribute('role') === 'button') {\n          return true\n        }\n        // Check for custom button elements (like dap-ds-button)\n        // These typically have a button-like tag name or contain 'button' in their name\n        if (\n          element.tagName.toLowerCase().includes('button') ||\n          element.tagName.toLowerCase().includes('btn')\n        ) {\n          return true\n        }\n        return false\n      })\n\n      if (isInteractiveElement) {\n        // Let the interactive element handle the keyboard event naturally\n        return\n      }\n\n      e.preventDefault()\n      this.handleRowClick(row)\n    }\n  }\n\n  private readonly renderColgroup = (_table: Table<T>) => {\n    const columns = this.columnsMemo()\n    const columnSizing = this.columnSizing || this._columnSizing\n\n    return html`\n      <colgroup>\n        ${repeat(\n          columns,\n          (col, index) => col.id || `col-${index}`,\n          col => {\n            const columnDef = col as ExtendedColumnDef<T>\n            let width: string\n\n            // Use calculated sizing if available (from widthPercentage or explicit size)\n            if (columnSizing && columnDef.id && columnSizing[columnDef.id]) {\n              width = `${columnSizing[columnDef.id]}px`\n            }\n            // Use explicit size from column definition\n            else if (columnDef.size) {\n              width = `${columnDef.size}px`\n            }\n            // Default to 'auto' for flexible columns (no explicit size or widthPercentage)\n            else {\n              width = 'auto'\n            }\n\n            return html`<col style=\"width: ${width};\" />`\n          },\n        )}\n      </colgroup>\n    `\n  }\n\n  private readonly renderHeader = (table: Table<T>) => {\n    return html`\n      <thead part=\"header\">\n        ${repeat(\n          table.getHeaderGroups(),\n          headerGroup => headerGroup.id,\n          headerGroup => html`\n            <tr\n              part=\"header-row\"\n              class=${clsx('data-table-header-row', {\n                'data-table-header-row--striped': this.enableStripedRows,\n              })}>\n              ${repeat(\n                headerGroup.headers,\n                header => header.id,\n                header => this.renderHeaderCell(header),\n              )}\n            </tr>\n          `,\n        )}\n      </thead>\n    `\n  }\n\n  private readonly renderSkeletonRows = (\n    rowCount: number,\n    cellCount: number,\n  ) => {\n    return html`\n      ${repeat(\n        Array.from({ length: rowCount }, (_, index) => index),\n        index => index,\n        _index => html`\n          <tr class=\"data-table-row\">\n            ${repeat(\n              Array.from({ length: cellCount }, (_, index) => index),\n              index => index,\n              _index =>\n                html`<td class=\"data-table-cell\">\n                  <dap-ds-skeleton></dap-ds-skeleton>\n                </td>`,\n            )}\n          </tr>\n        `,\n      )}\n    `\n  }\n\n  private readonly renderBody = (table: Table<T>) => {\n    return html`\n      ${this.loading\n        ? html`<tbody part=\"body\">\n            ${this.loadingType === 'spinner'\n              ? html`\n                  <tr>\n                    <td\n                      colspan=\"${this.columnsMemo().length}\"\n                      class=\"data-table-cell\">\n                      <div part=\"loading\" class=\"data-table-placeholder\">\n                        <slot name=\"loading\">\n                          <dap-ds-spinner\n                            size=${this.loadingSize}\n                            variant=${this.loadingVariant}\n                            .staticSize=${this.loadingStaticSize}\n                            .text=${this.loadingText}></dap-ds-spinner>\n                        </slot>\n                      </div>\n                    </td>\n                  </tr>\n                `\n              : html`\n                  ${this.renderSkeletonRows(\n                    this._pagination.pageSize ?? 10,\n                    this.columnsMemo().length,\n                  )}\n                `}\n          </tbody>`\n        : html`\n            <tbody part=\"body\">\n              ${this.isTableEmpty\n                ? html`<tr class=\"data-table-row data-table-row--empty\">\n                    <td\n                      colspan=\"${this.columnsMemo().length}\"\n                      class=\"data-table-cell\">\n                      <div part=\"empty\" class=\"data-table-placeholder\">\n                        <slot name=\"empty\">\n                          <span\n                            >${this.emptyText ?? t('datatable.noData')}</span\n                          >\n                        </slot>\n                      </div>\n                    </td>\n                  </tr>`\n                : table.getRowModel().rows.map(\n                    (row, index) => html`\n                      <tr\n                        part=\"row\"\n                        role=${this.enableRowClick ? 'button' : 'row'}\n                        tabindex=${this.enableRowClick ? 0 : -1}\n                        aria-selected=${row.getIsSelected()}\n                        aria-rowindex=${index + 2}\n                        class=${clsx('data-table-row', {\n                          'data-table-row--selected': row.getIsSelected(),\n                          'data-table-row--clickable': this.enableRowClick,\n                          'data-table-row--striped': this.enableStripedRows,\n                        })}\n                        @click=${() => this.handleRowClick(row)}\n                        @keydown=${(e: KeyboardEvent) =>\n                          this.handleRowKeydown(e, row)}>\n                        ${row.getVisibleCells().map(cell => {\n                          const columnDef = cell.column\n                            .columnDef as ExtendedColumnDef<T>\n                          const sticky = this.stickyOffsets.get(cell.column.id)\n                          const cellStyle =\n                            [\n                              columnDef.textAlign &&\n                                `text-align: ${columnDef.textAlign};`,\n                              this.getStickyStyle(cell.column.id),\n                            ]\n                              .filter(Boolean)\n                              .join(' ') || undefined\n                          return html`\n                            <td\n                              part=\"cell\"\n                              class=${clsx(\n                                'data-table-cell',\n                                sticky &&\n                                  `data-table-cell--sticky-${sticky.side}`,\n                              )}\n                              style=\"${ifDefined(cellStyle)}\">\n                              ${this.renderCell(cell)}\n                            </td>\n                          `\n                        })}\n                      </tr>\n                    `,\n                  )}\n            </tbody>\n          `}\n    `\n  }\n\n  protected render() {\n    const table = this.tableController.table({\n      data: this.data as T[],\n      columns: this.columnsMemo(),\n      filterFns: {},\n      state: {\n        sorting: this._sorting,\n        rowSelection: this._rowSelection,\n        pagination: this._pagination,\n      },\n      manualSorting: this.manualSorting,\n      enableSorting: this.enableSorting,\n      enableRowSelection: this.enableRowSelection,\n      manualPagination: this.manualPagination,\n      autoResetPageIndex: this.autoResetPageIndex,\n      onSortingChange: updaterOrValue => {\n        if (typeof updaterOrValue === 'function') {\n          this._sorting = updaterOrValue(this._sorting)\n        } else {\n          this._sorting = updaterOrValue\n        }\n\n        this.emit('dds-sorting-change', { sorting: this._sorting })\n      },\n      getCoreRowModel: getCoreRowModel(),\n      ...(!this.manualSorting && {\n        getSortedRowModel: getSortedRowModel(),\n      }),\n      getPaginationRowModel: getPaginationRowModel(),\n      onPaginationChange: updaterOrValue => {\n        if (typeof updaterOrValue === 'function') {\n          this._pagination = updaterOrValue(this._pagination)\n        } else {\n          this._pagination = updaterOrValue\n        }\n\n        this.emit('dds-pagination-change', {\n          pagination: {\n            pageIndex: this._pagination.pageIndex,\n            pageSize: this._pagination.pageSize,\n          },\n        })\n      },\n      onRowSelectionChange: updaterOrValue => {\n        if (typeof updaterOrValue === 'function') {\n          this._rowSelection = updaterOrValue(this._rowSelection)\n        } else {\n          this._rowSelection = updaterOrValue\n        }\n\n        this.emit('dds-selection-change', { selection: this._rowSelection })\n      },\n      getRowId: originalRow => {\n        return (originalRow as Record<string, any>)[this.rowKey]\n      },\n      rowCount: this.rowCount ?? (this.data ? this.data.length : 0),\n      debugTable: this.debug,\n      debugHeaders: this.debug,\n      debugColumns: this.debug,\n    })\n\n    // Resolve pinned-column offsets before rendering the header/body cells that\n    // read them off this.stickyOffsets.\n    this.computeStickyOffsets(table)\n\n    return html`\n      <div class=\"data-table-container\">\n        <table\n          part=\"base\"\n          role=\"table\"\n          aria-label=${ifDefined(\n            this.ariaLabel ?? t('datatable.tableDescription'),\n          )}\n          aria-describedby=${ifDefined(this.ariaDescribedBy)}\n          aria-rowcount=${this.rowCount ?? (this.data ? this.data.length : 0)}\n          class=${clsx('data-table', {\n            'data-table--loading': this.loading,\n          })}>\n          ${this.caption\n            ? html`<caption class=\"visually-hidden\">\n                ${this.caption}\n              </caption>`\n            : nothing}\n          ${this.renderColgroup(table)} ${this.renderHeader(table)}\n          ${this.renderBody(table)}\n        </table>\n      </div>\n      ${this._statusMessage\n        ? html`<div\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            class=\"visually-hidden\"\n            id=\"table-status\">\n            ${this._statusMessage}\n          </div>`\n        : nothing}\n      ${(this.pager && !this.isTableEmpty) ||\n      (this.pager && this.showPagerOnEmpty && this.isTableEmpty)\n        ? html`<dap-ds-pager\n            class=\"data-table-pager\"\n            part=\"pager\"\n            .disabled=${this.isTableEmpty}\n            .manualPagination=${this.manualPagination}\n            .pageIndex=${table.getState().pagination.pageIndex}\n            .pageSize=${table.getState().pagination.pageSize}\n            .totalRows=${this.rowCount ?? (this.data ? this.data.length : 0)}\n            .pageSizeOptions=${this.pageSizeOptions}\n            .showPageSizeOptions=${this.showPageSizeOptions}\n            .showPageIndex=${this.showPageIndex}\n            .showPageCount=${this.showPageCount}\n            .showFirstButton=${this.showFirstButton}\n            .showPreviousButton=${this.showPreviousButton}\n            .showNextButton=${this.showNextButton}\n            .showLastButton=${this.showLastButton}\n            .showPageNumbers=${this.showPageNumbers}\n            .siblingCount=${this.siblingCount}\n            .firstButtonLabel=${this.firstButtonLabel}\n            .previousButtonLabel=${this.previousButtonLabel}\n            .nextButtonLabel=${this.nextButtonLabel}\n            .lastButtonLabel=${this.lastButtonLabel}\n            .pageStateText=${this.pageStateText}\n            exportparts=\"base:pager-base, first:pager-first, previous:pager-previous, next:pager-next, last:pager-last, page-size:pager-page-size-select, page-size-select-base:page-size-select-base, page-size-select-trigger:page-size-select-trigger, pager-button-first-base:pager-button-first-base, pager-button-first-content:pager-button-first-content, pager-button-previous-base:pager-button-previous-base, pager-button-previous-content:pager-button-previous-content, pager-button-next-base:pager-button-next-base, pager-button-next-content:pager-button-next-content, pager-button-last-base:pager-button-last-base, pager-button-last-content:pager-button-last-content, page-numbers:pager-page-numbers, page-number:pager-page-number, page-number-active:pager-page-number-active, page-number-base:pager-page-number-base, page-number-content:pager-page-number-content, page-info:pager-page-info\"\n            @dds-pagination-change=${(e: any) => {\n              e.preventDefault()\n              e.stopPropagation()\n\n              if (e.detail.action === 'pageSize') {\n                table.setPageSize(e.detail.pagination.pageSize)\n              } else {\n                table.setPageIndex(e.detail.pagination.pageIndex)\n              }\n            }}>\n            <slot name=\"first-button-label\" slot=\"first-button-label\">\n              ${this.firstButtonLabel || t('pager.first')}\n            </slot>\n            <slot name=\"previous-button-label\" slot=\"previous-button-label\">\n              ${this.previousButtonLabel || t('pager.previous')}\n            </slot>\n            <slot name=\"next-button-label\" slot=\"next-button-label\">\n              ${this.nextButtonLabel || t('pager.next')}\n            </slot>\n            <slot name=\"last-button-label\" slot=\"last-button-label\">\n              ${this.lastButtonLabel || t('pager.last')}\n            </slot>\n          </dap-ds-pager>`\n        : nothing}\n    `\n  }\n}\n"],"names":["MULTISELECT_COLUMN_ID","_DapDSDataTable","DdsElement","TableController","processedColumns","col","__spreadProps","__spreadValues","table","html","row","_table","columns","columnSizing","repeat","index","columnDef","width","headerGroup","clsx","header","rowCount","cellCount","_","_index","_a","_b","t","e","cell","sticky","cellStyle","ifDefined","_changedProperties","offsets","right","i","column","left","columnId","_isLastColumn","canSort","isSorted","nextSortOrder","disableDefaultSorting","headerStyle","contentStyle","sortIcon","sortTitle","flexRender","elementTag","clickHandler","cursorStyle","unsafeStatic","content","context","rawContent","processed","renderCellContent","element","updaterOrValue","getCoreRowModel","getSortedRowModel","getPaginationRowModel","originalRow","_c","nothing","_d","DapDSCheckbox","ArrowsArrowUpSLine","ArrowsArrowDownSLine","DapDSSkeleton","DapDSSpinner","DapDSPager","unsafeCSS","styles","DapDSDataTable","__decorateClass","property","state"],"mappings":"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"}

package/dist/components/datatable/datatable.d.ts

@@ -1,4 +1,5 @@
-import { default as DapDSDataTable } from './datatable.component.js';
+import { default as DapDSDataTable } from './datatable.component';
+export * from './datatable.component';
 export default DapDSDataTable;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/datatable/datatable.js

@@ -0,0 +1,6 @@
+import a from "./datatable.component.js";
+a.define();
+export {
+  a as default
+};
+//# sourceMappingURL=datatable.js.map

package/dist/components/datatable/datatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.js","sources":["../../../src/components/datatable/datatable.ts"],"sourcesContent":["import DapDSDataTable from './datatable.component'\n\nexport * from './datatable.component'\nexport default DapDSDataTable\n\nDapDSDataTable.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-datatable': DapDSDataTable<unknown>\n  }\n}\n"],"names":["DapDSDataTable"],"mappings":";AAKAA,EAAe,OAAO;"}

package/dist/components/datatable/datatable.scss.js

@@ -0,0 +1,5 @@
+const a = ":host{--dds-datatable-bg-color: var(--dds-background-neutral-subtle);--dds-datatable-border-color: var(--dds-border-neutral-divider);--dds-datatable-header-bg-color: var(--dds-background-neutral-subtle);--dds-datatable-header-text-color: var(--dds-text-neutral-strong);--dds-datatable-row-hover-bg-color: var(--dds-background-brand-strong);--dds-datatable-row-selected-bg-color: var(--dds-background-brand-strong);--dds-datatable-cell-padding: var(--dds-spacing-200);--dds-datatable-header-padding: var(--dds-spacing-200);--dds-datatable-last-column-padding: var(--dds-spacing-500);--dds-datatable-first-column-padding: var(--dds-spacing-500);--dds-datatable-border-width: var(--dds-border-width-base);--dds-datatable-outer-border-width: var(--dds-datatable-border-width);--dds-datatable-header-border-width: var(--dds-datatable-border-width);--dds-datatable-row-border-width: var(--dds-datatable-border-width);--dds-datatable-stripe-color: var(--dds-background-neutral-base);--dds-datatable-border-radius: var(--dds-radius-base);--dds-datatable-shadow: none;--dds-datatable-transition-duration: .2s;--dds-datatable-z-index: 1;--dds-datatable-min-height: auto;--dds-datatable-max-height: none;--dds-datatable-overflow-x: auto;--dds-datatable-overflow-y: auto}.data-table-container{display:block;width:100%;min-height:var(--dds-datatable-min-height, auto);max-height:var(--dds-datatable-max-height, none);overflow-x:var(--dds-datatable-overflow-x, auto);overflow-y:var(--dds-datatable-overflow-y, auto);border:var(--dds-datatable-outer-border-width) solid var(--dds-datatable-border-color);border-radius:var(--dds-datatable-border-radius)}.data-table{width:100%;min-width:max-content;table-layout:fixed;border-spacing:0;border-collapse:separate;background-color:var(--dds-datatable-bg-color);line-height:150%}.data-table-header-row th:last-child{padding-right:var(--dds-datatable-last-column-padding);border-right-width:0;border-top-right-radius:var(--dds-datatable-border-radius)}.data-table-header-row th:first-child{padding-left:var(--dds-datatable-first-column-padding);border-top-left-radius:var(--dds-datatable-border-radius)}.data-table-header-cell{padding:var(--dds-datatable-header-padding);overflow:hidden;border-bottom:var(--dds-datatable-header-border-width) solid var(--dds-datatable-border-color);background-color:var(--dds-datatable-header-bg-color);color:var(--dds-datatable-header-text-color);text-align:left}.data-table-header-cell>div{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--dds-spacing-100)}.data-table-header-cell__content{display:flex;align-items:center;justify-content:inherit;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--dds-spacing-100)}.data-table-header-cell__controller::part(base){min-width:auto;padding:0}.data-table-cell{padding:var(--dds-datatable-cell-padding);overflow:hidden;border-bottom:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color);text-overflow:ellipsis;white-space:nowrap}.data-table-cell--sticky-left,.data-table-cell--sticky-right{background-color:var(--dds-datatable-bg-color)}.data-table-cell--sticky-left,.data-table-header-cell--sticky-left{border-right:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color)}.data-table-cell--sticky-right,.data-table-header-cell--sticky-right{border-left:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color)}.data-table-row--clickable{cursor:pointer}.data-table-row--striped:nth-child(odd):not(.data-table-row--empty)>td{background-color:var(--dds-datatable-stripe-color)}.data-table-row--striped:nth-child(odd):not(.data-table-row--empty)>td:hover{background-color:var(--dds-datatable-row-hover-bg-color)}.data-table-row--selected.data-table-row--striped:nth-child(odd)>td{background-color:var(--dds-datatable-row-selected-bg-color)}.data-table-row:hover:not(.data-table-row--empty)>td{background-color:var(--dds-datatable-row-hover-bg-color)}.data-table-row--selected>td{background-color:var(--dds-datatable-row-selected-bg-color)}.data-table-row--empty{cursor:default;pointer-events:none}.data-table-row td{border-bottom:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color)}.data-table-row td:last-child{padding-right:var(--dds-datatable-last-column-padding);border-right-width:0}.data-table-row td:first-child{padding-left:var(--dds-datatable-first-column-padding)}.data-table-row:last-child td{border-bottom:0}.data-table-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--dds-spacing-500)}";
+export {
+  a as default
+};
+//# sourceMappingURL=datatable.scss.js.map

package/dist/components/datatable/datatable.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/datatable/utils/cell-renderer.js

@@ -0,0 +1,51 @@
+import "../../../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as a } from "../../../node_modules/lit-html/lit-html.js";
+import "../../../node_modules/lit-element/lit-element.js";
+function o(e) {
+  return typeof e == "object" && e !== null && "_$litType$" in e && "strings" in e && "values" in e;
+}
+function c(e) {
+  return typeof e == "object" && e !== null && "value" in e && ("style" in e || "className" in e);
+}
+function f(e) {
+  return typeof e == "object" && e !== null && "html" in e;
+}
+function d(e) {
+  return typeof e == "object" && e !== null && "render" in e && typeof e.render == "function";
+}
+function m(e) {
+  const n = document.createElement("div");
+  return n.textContent = e, n.innerHTML;
+}
+function p(e) {
+  const { value: n, style: t, className: r } = e, i = document.createElement("span");
+  return r && (i.className = r), t && Object.entries(t).forEach(([s, l]) => {
+    if (l != null) {
+      const u = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      i.style.setProperty(u, String(l));
+    }
+  }), i.textContent = n != null ? String(n) : "", i;
+}
+function y(e) {
+  const { html: n, sanitize: t = !0 } = e, r = document.createElement("div");
+  return t ? r.innerHTML = m(n) : (console.warn(
+    "Rendering unsanitized HTML in datatable cell. This may be a security risk."
+  ), r.innerHTML = n), r.children.length === 1 ? r.firstElementChild : r;
+}
+function C(e) {
+  const { render: n, cleanup: t } = e, r = document.createElement("div");
+  r.className = "cell-render-container";
+  try {
+    n(r);
+  } catch (i) {
+    console.error("Error rendering cell content:", i), r.textContent = "Error rendering cell";
+  }
+  return t && (r.__cleanup = t), r;
+}
+function b(e) {
+  return e == null ? a : o(e) || e instanceof HTMLElement ? e : d(e) ? C(e) : f(e) ? y(e) : c(e) ? p(e) : e;
+}
+export {
+  b as renderCellContent
+};
+//# sourceMappingURL=cell-renderer.js.map

package/dist/components/datatable/utils/cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-renderer.js","sources":["../../../../src/components/datatable/utils/cell-renderer.ts"],"sourcesContent":["import type { TemplateResult } from 'lit'\nimport { nothing } from 'lit'\n\nimport type {\n  CellContent,\n  HtmlCellContent,\n  RenderCallbackContent,\n  StyledCellContent,\n} from '../types/cell-content'\n\n/**\n * Type guard to check if content is a Lit TemplateResult\n */\nfunction isTemplateResult(content: unknown): content is TemplateResult {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    '_$litType$' in content &&\n    'strings' in content &&\n    'values' in content\n  )\n}\n\n/**\n * Type guard to check if content is a styled cell content object\n */\nfunction isStyledCellContent(content: unknown): content is StyledCellContent {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    'value' in content &&\n    ('style' in content || 'className' in content)\n  )\n}\n\n/**\n * Type guard to check if content is an HTML cell content object\n */\nfunction isHtmlCellContent(content: unknown): content is HtmlCellContent {\n  return typeof content === 'object' && content !== null && 'html' in content\n}\n\n/**\n * Type guard to check if content is a render callback object\n */\nfunction isRenderCallbackContent(\n  content: unknown,\n): content is RenderCallbackContent {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    'render' in content &&\n    typeof (content as RenderCallbackContent).render === 'function'\n  )\n}\n\n/**\n * Sanitize HTML string using DOMPurify\n * Falls back to basic escaping if DOMPurify is not available\n */\nfunction sanitizeHtml(html: string): string {\n  // TODO: Add DOMPurify dependency and use it for sanitization\n  // For now, use basic escaping\n  const div = document.createElement('div')\n  div.textContent = html\n  return div.innerHTML\n}\n\n/**\n * Apply styles to a styled cell content\n */\nfunction applyStyledValue(content: StyledCellContent) {\n  const { value, style, className } = content\n\n  // Create wrapper span with styles\n  const span = document.createElement('span')\n\n  // Apply className if provided\n  if (className) {\n    span.className = className\n  }\n\n  // Apply inline styles if provided\n  if (style) {\n    Object.entries(style).forEach(([key, val]) => {\n      if (val !== undefined && val !== null) {\n        // Convert camelCase to kebab-case for CSS properties\n        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n        span.style.setProperty(cssKey, String(val))\n      }\n    })\n  }\n\n  // Set content\n  span.textContent = value != null ? String(value) : ''\n\n  return span\n}\n\n/**\n * Render HTML string content\n */\nfunction renderHtmlContent(content: HtmlCellContent) {\n  const { html: htmlString, sanitize = true } = content\n\n  const container = document.createElement('div')\n\n  if (sanitize) {\n    // Sanitize HTML before rendering\n    container.innerHTML = sanitizeHtml(htmlString)\n  } else {\n    // Use unsanitized HTML (dangerous!)\n    console.warn(\n      'Rendering unsanitized HTML in datatable cell. This may be a security risk.',\n    )\n    container.innerHTML = htmlString\n  }\n\n  // Return the first child if single element, otherwise return container\n  return container.children.length === 1\n    ? (container.firstElementChild as HTMLElement)\n    : container\n}\n\n/**\n * Render callback content\n * Returns a Lit directive that calls the render callback\n */\nfunction renderCallbackContent(content: RenderCallbackContent) {\n  const { render: renderFn, cleanup } = content\n\n  // Create container element\n  const container = document.createElement('div')\n  container.className = 'cell-render-container'\n\n  // Call render function\n  try {\n    renderFn(container)\n  } catch (error) {\n    console.error('Error rendering cell content:', error)\n    container.textContent = 'Error rendering cell'\n  }\n\n  // Store cleanup function for later\n  if (cleanup) {\n    // Attach cleanup to container for lifecycle management\n    ;(container as any).__cleanup = cleanup\n  }\n\n  return container\n}\n\n/**\n * Main cell content renderer\n * Detects content type and returns appropriate rendering\n *\n * @param content - The cell content in any supported format\n * @returns Rendered content (TemplateResult, HTMLElement, or primitive)\n */\nexport function renderCellContent(content: CellContent): unknown {\n  // Handle null/undefined\n  if (content === null || content === undefined) {\n    return nothing\n  }\n\n  // Format 6: Lit TemplateResult - pass through unchanged\n  if (isTemplateResult(content)) {\n    return content\n  }\n\n  // Format 3: HTMLElement - pass through unchanged\n  if (content instanceof HTMLElement) {\n    return content\n  }\n\n  // Format 5: Render Callback - execute and return element\n  if (isRenderCallbackContent(content)) {\n    return renderCallbackContent(content)\n  }\n\n  // Format 4: HTML String - sanitize and render\n  if (isHtmlCellContent(content)) {\n    return renderHtmlContent(content)\n  }\n\n  // Format 2: Styled Object - apply styles and return\n  if (isStyledCellContent(content)) {\n    return applyStyledValue(content)\n  }\n\n  // Format 1: Primitive Value - render directly\n  // (string, number, boolean)\n  return content\n}\n\n/**\n * Cleanup cell content\n * Calls cleanup callbacks if present\n *\n * @param element - The rendered element that may contain cleanup callbacks\n */\nexport function cleanupCellContent(element: unknown): void {\n  if (element instanceof HTMLElement) {\n    const cleanup = (element as any).__cleanup\n    if (typeof cleanup === 'function') {\n      try {\n        cleanup()\n      } catch (error) {\n        console.error('Error cleaning up cell content:', error)\n      }\n      delete (element as any).__cleanup\n    }\n  }\n}\n"],"names":["isTemplateResult","content","isStyledCellContent","isHtmlCellContent","isRenderCallbackContent","sanitizeHtml","html","div","applyStyledValue","value","style","className","span","key","val","cssKey","renderHtmlContent","htmlString","sanitize","container","renderCallbackContent","renderFn","cleanup","error","renderCellContent","nothing"],"mappings":";;;AAaA,SAASA,EAAiBC,GAA6C;AAEnE,SAAA,OAAOA,KAAY,YACnBA,MAAY,QACZ,gBAAgBA,KAChB,aAAaA,KACb,YAAYA;AAEhB;AAKA,SAASC,EAAoBD,GAAgD;AAEzE,SAAA,OAAOA,KAAY,YACnBA,MAAY,QACZ,WAAWA,MACV,WAAWA,KAAW,eAAeA;AAE1C;AAKA,SAASE,EAAkBF,GAA8C;AACvE,SAAO,OAAOA,KAAY,YAAYA,MAAY,QAAQ,UAAUA;AACtE;AAKA,SAASG,EACPH,GACkC;AAEhC,SAAA,OAAOA,KAAY,YACnBA,MAAY,QACZ,YAAYA,KACZ,OAAQA,EAAkC,UAAW;AAEzD;AAMA,SAASI,EAAaC,GAAsB;AAGpC,QAAAC,IAAM,SAAS,cAAc,KAAK;AACxC,SAAAA,EAAI,cAAcD,GACXC,EAAI;AACb;AAKA,SAASC,EAAiBP,GAA4B;AACpD,QAAM,EAAE,OAAAQ,GAAO,OAAAC,GAAO,WAAAC,EAAc,IAAAV,GAG9BW,IAAO,SAAS,cAAc,MAAM;AAG1C,SAAID,MACFC,EAAK,YAAYD,IAIfD,KACK,OAAA,QAAQA,CAAK,EAAE,QAAQ,CAAC,CAACG,GAAKC,CAAG,MAAM;AACxC,QAAqBA,KAAQ,MAAM;AAErC,YAAMC,IAASF,EAAI,QAAQ,YAAY,KAAK,EAAE,YAAY;AAC1D,MAAAD,EAAK,MAAM,YAAYG,GAAQ,OAAOD,CAAG,CAAC;AAAA,IAAA;AAAA,EAC5C,CACD,GAIHF,EAAK,cAAcH,KAAS,OAAO,OAAOA,CAAK,IAAI,IAE5CG;AACT;AAKA,SAASI,EAAkBf,GAA0B;AACnD,QAAM,EAAE,MAAMgB,GAAY,UAAAC,IAAW,GAAS,IAAAjB,GAExCkB,IAAY,SAAS,cAAc,KAAK;AAE9C,SAAID,IAEQC,EAAA,YAAYd,EAAaY,CAAU,KAGrC,QAAA;AAAA,IACN;AAAA,EACF,GACAE,EAAU,YAAYF,IAIjBE,EAAU,SAAS,WAAW,IAChCA,EAAU,oBACXA;AACN;AAMA,SAASC,EAAsBnB,GAAgC;AAC7D,QAAM,EAAE,QAAQoB,GAAU,SAAAC,EAAY,IAAArB,GAGhCkB,IAAY,SAAS,cAAc,KAAK;AAC9C,EAAAA,EAAU,YAAY;AAGlB,MAAA;AACF,IAAAE,EAASF,CAAS;AAAA,WACXI,GAAO;AACN,YAAA,MAAM,iCAAiCA,CAAK,GACpDJ,EAAU,cAAc;AAAA,EAAA;AAI1B,SAAIG,MAEAH,EAAkB,YAAYG,IAG3BH;AACT;AASO,SAASK,EAAkBvB,GAA+B;AAE3D,SAAAA,KAAY,OACPwB,IAILzB,EAAiBC,CAAO,KAKxBA,aAAmB,cACdA,IAILG,EAAwBH,CAAO,IAC1BmB,EAAsBnB,CAAO,IAIlCE,EAAkBF,CAAO,IACpBe,EAAkBf,CAAO,IAI9BC,EAAoBD,CAAO,IACtBO,EAAiBP,CAAO,IAK1BA;AACT;"}

package/dist/components/datepicker/datepicker.component.d.ts

@@ -2,6 +2,16 @@ import { Dayjs } from 'dayjs';
 import { PropertyValueMap } from 'lit';
 import { FloatingStrategy, PopupPlacement } from '../../common/types';
 import { GenericFormElement } from '../../internal/mixin/genericFormElement';
+import { default as DapDSCalendar } from '../calendar/calendar.component';
+import { default as DapDSFeedback } from '../feedback/feedback.component';
+import { default as DapDSFormLabel } from '../form/form-label/form-label.component';
+import { default as DapDSIcon } from '../icon/icon.component';
+import { default as DapDSIconButton } from '../icon-button/icon-button.component';
+import { default as BusinessCalendarLine } from '../icons/business/business-calendar-line/business-calendar-line.component';
+import { default as SystemLoadingSpinner } from '../icons/system/system-loading-spinner/system-loading-spinner.component';
+import { default as DapDSPopup } from '../popup/popup.component';
+import { default as DapDSTooltip } from '../tooltip/tooltip.component';
+import { default as DapDSTypography } from '../typography/typography.component';
 /**
  * `dap-ds-datepicker`
  * @summary A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.
@@ -79,6 +89,19 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @cssproperty --dds-combobox-min-width - The minimum width of the combobox. (default: 7.5rem)
  */
 export default class DapDSDatePicker extends GenericFormElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-form-label': typeof DapDSFormLabel;
+        'dap-ds-tooltip': typeof DapDSTooltip;
+        'dap-ds-icon-button': typeof DapDSIconButton;
+        'dap-ds-icon': typeof DapDSIcon;
+        'dap-ds-typography': typeof DapDSTypography;
+        'dap-ds-popup': typeof DapDSPopup;
+        'dap-ds-icon-loading-spinner': typeof SystemLoadingSpinner;
+        'dap-ds-icon-calendar-line': typeof BusinessCalendarLine;
+        'dap-ds-calendar': typeof DapDSCalendar;
+        'dap-ds-feedback': typeof DapDSFeedback;
+    };
     private static nextId;
     /**
      * Property converter for date properties.