npm - @api-client/ui - Versions diffs - 0.5.57 → 0.6.0 - Mend

@api-client/ui 0.5.57 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1015) hide show

package/build/src/elements/autocomplete/internals/autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../../src/elements/autocomplete/internals/autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport type UiListbox from '../../../md/listbox/internals/Listbox.js'\nimport type UiListItem from '../../../md/list/internals/ListItem.js'\nimport { bound } from '../../../decorators/bound.js'\n\n/*\n An accessible and performant autocomplete component that enhances a text input with a list of suggestions.\n \n The `autocomplete-input` component provides a flexible way to add autocomplete functionality\n * to any text input. It works by coordinating a slotted input element with a slotted `ui-listbox`\n * containing suggestions.\n \n Key Features:\n \n - Popover Management: Automatically shows and hides the suggestions popover based on input focus\n * and user interaction.\n * - Keyboard Navigation: Allows users to navigate suggestions using ArrowUp, ArrowDown keys directly\n * from the input. Enter selects a suggestion, and Escape closes the popover.\n * The suggestion list itself never gains focus.\n * - Dynamic Filtering: Filters the list of suggestions as the user types into the input. Items not matching\n * the query are hidden (not removed).\n * - By default, filtering checks `item.dataset.value` and then `item.textContent`.\n * - If a `ui-list-item` has a `data-index` attribute (e.g., `data-index=\"name email\"`), filtering will search\n * within the specified `data-` attributes (e.g., `data-name`, `data-email`).\n - Mutation Awareness: Reacts to changes in slotted suggestions, re-filtering them if necessary.\n * - Event-Driven: Notifies the application via an `autocomplete` event when a suggestion is selected.\n * The component itself does not modify the input's value, giving the application author full control.\n \n ### Accessibility\n \n The `autocomplete-input` component is designed with accessibility at its core:\n * - Keyboard Navigation: Full keyboard support for navigating suggestions (ArrowUp, ArrowDown),\n * selecting (Enter), and closing (Escape), all while focus remains on the input field.\n * - ARIA Attributes: While the `autocomplete-input` manages ARIA attributes related to the popover's\n * state, the slotted `ui-listbox` is responsible for its internal ARIA roles and states\n * (e.g., `role=\"listbox\"`, `aria-activedescendant`).\n * - Labeling Suggestions: It is crucial for accessibility that the slotted `ui-listbox`\n * has an `aria-label` attribute. This provides a descriptive name for the list of suggestions,\n * which is announced by screen readers.\n \n The component uses CSS anchor positioning to place the suggestions popover relative to the input.\n * Ensure your `ui-listbox` is styled appropriately for popover display (e.g., `popover=\"manual\"`, `position-anchor`).\n * The component will manage `showPopover()` and `hidePopover()` calls.\n \n @slot input - The input element that will be used for autocomplete. This element should be an `HTMLInputElement`\n * or behave like one (have a `value` property and dispatch `input`, `focus`, `blur`, and `keydown`\n * events).\n * @slot suggestions - The `ui-listbox` element containing `ui-list-item` elements as suggestions.\n * @slot anchor - An optional element that points to element that will be used as the anchor for the popover.\n * This is useful if you want to position the suggestions relative to a different element than the input.\n * If not provided, the input element will be used as the anchor.\n * @slot Any additional content that should be rendered inside the component.\n \n @fires autocomplete - Dispatched when a suggestion is selected by the user (e.g., via click or Enter key).\n * The `event.detail` object contains:\n * - `item`: The selected `UiListItem` instance.\n \n @example\n * ```html\n * <autocomplete-input @autocomplete=\"${this.handleAutocompleteSelection}\">\n * <input slot=\"input\" type=\"text\" placeholder=\"Search fruits...\" />\n * <ui-listbox slot=\"suggestions\">\n * <ui-list-item data-value=\"apple\">Apple</ui-list-item>\n * <ui-list-item data-value=\"banana\">Banana</ui-list-item>\n * <ui-list-item data-value=\"cherry\">Cherry</ui-list-item>\n * </ui-listbox>\n * <!-- With aria-label for accessibility -->\n * <ui-listbox slot=\"suggestions\" aria-label=\"Fruit suggestions\">\n * <ui-list-item data-value=\"apple\">Apple</ui-list-item>\n * <ui-list-item data-value=\"banana\">Banana</ui-list-item>\n * <ui-list-item data-value=\"cherry\">Cherry</ui-list-item>\n * </ui-listbox>\n * </autocomplete-input>\n \n <script>\n * // In your component/script\n * handleAutocompleteSelection(event) {\n * const selectedItem = event.detail.item;\n * const inputElement = this.shadowRoot.querySelector('input[slot=\"input\"]');\n * if (inputElement) {\n * inputElement.value = selectedItem.dataset.value \|\| selectedItem.textContent;\n * }\n * console.log('Selected:', selectedItem.dataset.value);\n * }\n * </script>\n * ```\n \n @example Dynamic filtering with `data-index`\n * ```html\n * <autocomplete-input @autocomplete=\"${this.handleUserSelection}\">\n * <input slot=\"input\" type=\"text\" placeholder=\"Search users...\" />\n * <ui-listbox slot=\"suggestions\" aria-label=\"User suggestions\">\n * <ui-list-item data-id=\"1\" data-name=\"Alice Wonderland\" data-email=\"alice@example.com\" data-index=\"name email\">\n * Alice Wonderland\n * <span slot=\"supporting-text\">alice@example.com</span>\n * </ui-list-item>\n * <ui-list-item data-id=\"2\" data-name=\"Bob The Builder\" data-email=\"bob@example.com\" data-index=\"name email\">\n * Bob The Builder\n * <span slot=\"supporting-text\">bob@example.com</span>\n * </ui-list-item>\n * </ui-listbox>\n * </autocomplete-input>\n \n <script>\n * // In your component/script\n * handleUserSelection(event) {\n * const selectedItem = event.detail.item;\n * const inputElement = this.shadowRoot.querySelector('input[slot=\"input\"]');\n * if (inputElement) {\n * // You might want to display the name, but store the ID\n * inputElement.value = selectedItem.dataset.name;\n * }\n * console.log('Selected user ID:', selectedItem.dataset.id);\n * }\n * </script>\n * ```\n /\nexport default class Autocomplete extends LitElement {\n protected override createRenderRoot(): HTMLElement \| DocumentFragment {\n return this\n }\n\n /\n The MutationObserver instance used to watch for changes in slotted children.\n /\n protected observer?: MutationObserver\n\n /\n The ID of the input element, generated if not provided.\n * This is used for CSS anchoring and to ensure unique IDs for accessibility.\n /\n @state() protected accessor inputId = ''\n\n /\n The position area for the suggestions popover.\n * This can be 'bottom' or 'top', depending on available space.\n * Default is 'bottom'.\n \n Note, this is set dynamically based on available space\n * and the position of the input element. This only sets the initial value.\n \n @attribute\n * @type {'bottom' \| 'top'}\n * @default 'bottom'\n /\n @property() accessor positionArea: 'bottom' \| 'top' = 'bottom'\n\n /\n The reference to the slotted input element.\n * This should be an `HTMLInputElement` or behave like one.\n /\n protected inputRef?: HTMLInputElement \| HTMLElement \| null\n /\n The reference to the slotted suggestions element, which should be a `ui-listbox`.\n * This is used to manage the suggestions popover and filtering.\n /\n protected suggestionsRef?: UiListbox \| null\n\n /\n Checks if the suggestions popover is currently open.\n /\n get opened(): boolean {\n return this.suggestionsRef?.matches(':popover-open') \|\| false\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n this.observer = new MutationObserver(this.handleMutations.bind(this))\n this.observer.observe(this, { childList: true })\n if (!this.id) {\n this.id = `autocomplete-${Math.random().toString(36).substring(2, 15)}`\n }\n this.classList.add(this.id)\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback()\n this.observer?.disconnect()\n this.observer = undefined\n this.clearInputListeners()\n this.clearSuggestionsListeners()\n }\n\n protected override firstUpdated(cp: PropertyValues): void {\n super.firstUpdated(cp)\n this.firstSetup()\n }\n\n /\n Performs initial setup after the first update, ensuring that slotted input\n * and suggestions elements are configured.\n /\n async firstSetup(): Promise<void> {\n await this.updateComplete\n const input = this.querySelector('[slot=\"input\"]') as HTMLElement \| null\n const suggestions = this.querySelector('[slot=\"suggestions\"]') as HTMLElement \| null\n if (input) {\n this.setupInput(input)\n }\n if (suggestions) {\n this.setupSuggestions(suggestions as UiListbox)\n }\n }\n\n /\n Handles mutations observed on the component's slotted children.\n * This is used to set up or tear down input and suggestions elements when they are added or removed.\n * @param mutations An array of MutationRecord objects.\n /\n protected handleMutations(mutations: MutationRecord[]): void {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n for (const node of mutation.removedNodes) {\n if (node instanceof HTMLElement) {\n if (node.slot === 'input' && this.inputRef === node) {\n this.clearInputListeners()\n } else if (node.slot === 'suggestions' && this.suggestionsRef === node) {\n this.clearSuggestionsListeners()\n }\n }\n }\n for (const node of mutation.addedNodes) {\n if (node instanceof HTMLElement) {\n if (node.slot === 'input') {\n this.setupInput(node)\n } else if (node.slot === 'suggestions') {\n this.setupSuggestions(node as UiListbox)\n }\n }\n }\n }\n }\n }\n\n /\n Clears event listeners from the current input reference and resets it.\n /\n protected clearInputListeners(): void {\n if (this.inputRef) {\n this.inputRef.removeEventListener('focus', this.handleInputFocus)\n this.inputRef.removeEventListener('input', this.handleInput)\n this.inputRef.removeEventListener('keydown', this.handleKeydown as EventListener)\n this.inputRef.removeEventListener('blur', this.handleInputBlur)\n }\n this.inputRef = null\n }\n\n /\n Clears event listeners from the current suggestions reference and resets it.\n /\n protected clearSuggestionsListeners(): void {\n if (this.suggestionsRef) {\n this.suggestionsRef.removeEventListener('select', this.handleSuggestionSelect as EventListener)\n // If ui-listbox uses a slot for its items, listen to its slotchange\n this.suggestionsRef.removeEventListener('itemschange', this.handleSuggestionsSlotChange)\n if (this.suggestionsRef.matches(':popover-open')) {\n this.suggestionsRef.hidePopover()\n }\n }\n this.suggestionsRef = null\n }\n\n /\n Sets up the slotted input element.\n * Assigns an ID if necessary, sets up CSS anchoring, and attaches event listeners.\n * @param input The HTMLElement to be used as the input.\n /\n protected setupInput(input: HTMLElement): void {\n this.clearInputListeners() // Clear any old listeners\n if (!input.id) {\n this.inputId = `autocomplete-input-${Math.random().toString(36).substring(2, 15)}`\n input.id = this.inputId\n } else {\n this.inputId = input.id\n }\n const anchorElement = this.querySelector('[slot=\"anchor\"]') as HTMLElement \| null\n // Ensure CSS anchor positioning can work\n const anchor = anchorElement \|\| input\n anchor.style.setProperty('anchor-name', `--${this.inputId}`)\n\n this.inputRef = input as HTMLInputElement // Assuming it behaves like an input\n this.inputRef.addEventListener('focus', this.handleInputFocus)\n this.inputRef.addEventListener('input', this.handleInput)\n this.inputRef.addEventListener('keydown', this.handleKeydown as EventListener)\n this.inputRef.addEventListener('blur', this.handleInputBlur)\n }\n\n /\n Sets up the slotted suggestions element (assumed to be a `UiListbox`).\n * Configures popover behavior, CSS anchoring, and attaches event listeners.\n * @param suggestionsElement The `UiListbox` element to be used for suggestions.\n /\n protected setupSuggestions(suggestionsElement: UiListbox): void {\n this.clearSuggestionsListeners() // Clear any old listeners\n\n this.suggestionsRef = suggestionsElement\n this.suggestionsRef.popover = 'manual'\n this.suggestionsRef.tabIndex = -1 // Prevent direct focus\n\n this.suggestionsRef.addEventListener('select', this.handleSuggestionSelect as EventListener)\n // The `List` dispatches `itemschange` when the slot changes, so we can listen to it.\n this.suggestionsRef.addEventListener('itemschange', this.handleSuggestionsSlotChange)\n\n // Initial filter\n this.filterSuggestions(this.inputRef ? (this.inputRef as HTMLInputElement).value : '')\n }\n\n /\n Handles the focus event on the input element.\n * Opens the suggestions popover if there are items to display.\n /\n @bound\n protected handleInputFocus(): void {\n const items = this.suggestionsRef?.items\n if (!items \|\| items.length === 0) {\n // If no suggestions, do not open\n return\n }\n const active = items.find((item) => !item.hidden)\n if (active) {\n this.openSuggestions()\n this.filterSuggestions(this.inputRef ? (this.inputRef as HTMLInputElement).value : '')\n }\n }\n\n /\n Handles the input event on the input element.\n * Filters suggestions based on the input query and opens/closes the popover accordingly.\n * @param event The input event.\n /\n @bound\n protected handleInput(event: Event): void {\n this.openSuggestions()\n const query = (event.target as HTMLInputElement).value\n this.filterSuggestions(query)\n }\n\n /\n Handles keydown events on the input element for navigating and selecting suggestions.\n * - ArrowDown/ArrowUp: Navigates the suggestion list.\n * - Enter: Selects the highlighted suggestion.\n * - Escape: Closes the suggestions popover.\n * @param event The keyboard event.\n /\n @bound\n protected handleKeydown(event: KeyboardEvent): void {\n if (!this.suggestionsRef) return\n\n const { key } = event\n const isSuggestionsOpen = this.suggestionsRef.matches(':popover-open')\n\n if (['ArrowDown', 'ArrowUp'].includes(key)) {\n event.preventDefault()\n if (!isSuggestionsOpen) {\n this.openSuggestions()\n // Give popover a moment to open before trying to highlight\n requestAnimationFrame(() => this.navigateList(key))\n } else {\n this.navigateList(key)\n }\n } else if (key === 'Enter') {\n if (isSuggestionsOpen && this.suggestionsRef.highlightListItem) {\n event.preventDefault()\n this.suggestionsRef.notifySelect(this.suggestionsRef.highlightListItem)\n }\n } else if (key === 'Escape') {\n if (isSuggestionsOpen) {\n event.preventDefault()\n this.closeSuggestions()\n }\n }\n }\n\n /\n Navigates the suggestion list based on the pressed key.\n * @param key The key that was pressed (ArrowDown or ArrowUp).\n /\n protected navigateList(key: string): void {\n if (!this.suggestionsRef) return\n switch (key) {\n case 'ArrowDown':\n this.suggestionsRef.highlightNext()\n break\n case 'ArrowUp':\n this.suggestionsRef.highlightPrevious()\n break\n // Don't handle Home or End keys here, as they break the usability of the input.\n }\n }\n\n /\n Handles the blur event on the input element.\n * Closes the suggestions popover if focus moves outside the autocomplete component.\n /\n @bound\n protected handleInputBlur(): void {\n // We use the manual popover mode, so we need to close suggestions\n // when the input loses focus, but only the current active element is not part of the suggestions.\n requestAnimationFrame(() => {\n if (\n !this.inputRef?.contains(document.activeElement) &&\n (!this.suggestionsRef \|\| !this.suggestionsRef.contains(document.activeElement))\n ) {\n this.closeSuggestions()\n }\n })\n }\n\n /\n Handles the `select` event dispatched by the `ui-listbox` when a suggestion is chosen.\n * Dispatches an `autocomplete` event and closes the popover.\n * @param event The custom event from `ui-listbox`.\n /\n @bound\n protected handleSuggestionSelect(event: CustomEvent): void {\n event.stopPropagation()\n const selectedItem = event.detail.item as UiListItem\n this.dispatchEvent(\n new CustomEvent('autocomplete', {\n detail: { item: selectedItem },\n bubbles: false,\n composed: false,\n })\n )\n this.closeSuggestions()\n }\n\n /\n Handles the `itemschange` event dispatched by the `ui-listbox` when its slotted items change.\n * Re-filters the suggestions.\n /\n @bound\n protected handleSuggestionsSlotChange(): void {\n const value = this.inputRef ? (this.inputRef as HTMLInputElement).value : ''\n if (!value) {\n return\n }\n this.openSuggestions()\n this.filterSuggestions(value)\n }\n\n /\n Opens the suggestions popover if it's not already open and there are visible items.\n /\n protected openSuggestions(): void {\n const popover = this.suggestionsRef\n if (!popover \|\| popover.matches(':popover-open')) {\n return\n }\n // we need to open the popover first to make any measurements\n popover.showPopover()\n const anchor = (this.querySelector('[slot=\"anchor\"]') as HTMLElement \| null) \|\| this.inputRef\n if (!anchor) {\n return\n }\n this.positionArea = this.decidePositionArea(popover, anchor)\n }\n\n /\n Decides the position area for the popover based on available space.\n * It checks if there is enough space below or above the anchor element and decides accordingly.\n \n We need to do this because we set the popover height to `100%`, `-webkit-fill-available`, or `-moz-available`\n * and it makes the popover to always open at the bottom, even if there is no space. The `position-try-fallbacks`\n * will not work in this case, because from its perspective there is always enough space, even if that will cause\n * the popover to have a height of just a few pixels.\n \n @param popover The popover element to position.\n * @param anchor The anchor element relative to which the popover will be positioned.\n * @returns 'top' or 'bottom' based on available space.\n /\n protected decidePositionArea(popover: HTMLElement, anchor: HTMLElement): 'top' \| 'bottom' {\n let newArea: 'top' \| 'bottom' = 'bottom'\n // Get bounding rectangles\n const anchorRect = anchor.getBoundingClientRect()\n const viewportHeight = window.innerHeight\n\n const spaceBelow = viewportHeight - anchorRect.bottom\n const spaceAbove = anchorRect.top\n\n // Estimate a typical/minimum height the popover might need to be useful\n const popoverThresholdHeight = popover.scrollHeight \|\| 150\n if (spaceBelow < popoverThresholdHeight && spaceAbove > spaceBelow && spaceAbove > popoverThresholdHeight) {\n // Not enough space below, but more (and sufficient) space above\n newArea = 'top'\n } else if (spaceBelow < popoverThresholdHeight && spaceAbove > spaceBelow) {\n // Not enough space below, and space above is more than space below (even if not \"sufficient\")\n newArea = 'top'\n } else {\n newArea = 'bottom' // Default to bottom if enough space or if top is worse\n }\n return newArea\n }\n\n /\n Closes the suggestions popover if it's open and clears any highlighted item.\n /\n protected closeSuggestions(): void {\n if (this.suggestionsRef && this.suggestionsRef.matches(':popover-open')) {\n this.suggestionsRef.hidePopover()\n }\n }\n\n /\n Filters the suggestions based on the provided query.\n * Hides items that do not match and manages the highlighted item state.\n * @param query The search query string.\n /\n protected filterSuggestions(query: string): void {\n if (!this.suggestionsRef) {\n return\n }\n\n const lowerCaseQuery = query.toLowerCase().trim()\n let firstVisibleItem: UiListItem \| null = null\n\n // The `items` getter in `List.ts` (parent of UiListbox) correctly gets assigned elements.\n const items = this.suggestionsRef.items as UiListItem[]\n\n for (const item of items) {\n let matches = false\n if (lowerCaseQuery === '') {\n matches = true\n } else if (item.dataset.index) {\n const indexFields = item.dataset.index.split(' ').filter(Boolean)\n for (const field of indexFields) {\n const valueToSearch = item.dataset[field] \|\| ''\n if (valueToSearch.toLowerCase().includes(lowerCaseQuery)) {\n matches = true\n break\n }\n }\n } else {\n const valueToSearch = item.dataset.value \|\| item.textContent \|\| ''\n matches = valueToSearch.toLowerCase().includes(lowerCaseQuery)\n }\n item.hidden = !matches\n if (matches && !firstVisibleItem) {\n firstVisibleItem = item\n }\n }\n\n // If the currently highlighted item is now hidden, try to highlight the first visible one or clear.\n if (this.suggestionsRef.highlightListItem?.hidden) {\n // the highlightListItem clears the highlighted item if it is not passed an argument.\n this.suggestionsRef?.highlightItem(firstVisibleItem)\n }\n if (!firstVisibleItem) {\n // Close if no items are visible\n this.closeSuggestions()\n }\n }\n\n protected override render(): TemplateResult {\n const { id, positionArea, inputId } = this\n /\n position-try-fallbacks:\n flip-block,\n flip-inline,\n flip-block flip-inline;\n /\n return html`\n <style>\n .${id} {\n display: inline-block;\n\n [popover] {\n border: none;\n margin: 0;\n\n box-shadow: var(--md-sys-elevation-1);\n border-radius: var(--md-sys-shape-corner-medium);\n\n position-area: ${positionArea};\n position-anchor: --${inputId};\n\n overflow: auto;\n / We try 100% and then vendor options which are more accurate */\n height: 100%;\n height: -webkit-fill-available;\n height: -moz-available;\n max-height: max-content;\n width: anchor-size(width);\n }\n\n [popover]:not(:popover-open) {\n display: none;\n }\n }\n </style>\n `\n }\n}\n"]}
1	+ {"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../../src/elements/autocomplete/internals/autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport type UiListbox from '../../../md/listbox/internals/Listbox.js'\nimport type UiListItem from '../../../md/list/internals/ListItem.js'\nimport { bound } from '../../../decorators/bound.js'\n\n/*\n An accessible and performant autocomplete component that enhances a text input with a list of suggestions.\n \n The `autocomplete-input` component provides a flexible way to add autocomplete functionality\n * to any text input. It works by coordinating a slotted input element with a slotted `ui-listbox`\n * containing suggestions.\n \n Key Features:\n \n - Popover Management: Automatically shows and hides the suggestions popover based on input focus\n * and user interaction.\n * - Keyboard Navigation: Allows users to navigate suggestions using ArrowUp, ArrowDown keys directly\n * from the input. Enter selects a suggestion, and Escape closes the popover.\n * The suggestion list itself never gains focus.\n * - Dynamic Filtering: Filters the list of suggestions as the user types into the input. Items not matching\n * the query are hidden (not removed).\n * - By default, filtering checks `item.dataset.value` and then `item.textContent`.\n * - If a `ui-list-item` has a `data-index` attribute (e.g., `data-index=\"name email\"`), filtering will search\n * within the specified `data-` attributes (e.g., `data-name`, `data-email`).\n - Mutation Awareness: Reacts to changes in slotted suggestions, re-filtering them if necessary.\n * - Event-Driven: Notifies the application via an `autocomplete` event when a suggestion is selected.\n * The component itself does not modify the input's value, giving the application author full control.\n \n ### Accessibility\n \n The `autocomplete-input` component is designed with accessibility at its core:\n * - Keyboard Navigation: Full keyboard support for navigating suggestions (ArrowUp, ArrowDown),\n * selecting (Enter), and closing (Escape), all while focus remains on the input field.\n * - ARIA Attributes: While the `autocomplete-input` manages ARIA attributes related to the popover's\n * state, the slotted `ui-listbox` is responsible for its internal ARIA roles and states\n * (e.g., `role=\"listbox\"`, `aria-activedescendant`).\n * - Labeling Suggestions: It is crucial for accessibility that the slotted `ui-listbox`\n * has an `aria-label` attribute. This provides a descriptive name for the list of suggestions,\n * which is announced by screen readers.\n \n The component uses CSS anchor positioning to place the suggestions popover relative to the input.\n * Ensure your `ui-listbox` is styled appropriately for popover display (e.g., `popover=\"manual\"`, `position-anchor`).\n * The component will manage `showPopover()` and `hidePopover()` calls.\n \n @slot input - The input element that will be used for autocomplete. This element should be an `HTMLInputElement`\n * or behave like one (have a `value` property and dispatch `input`, `focus`, `blur`, and `keydown`\n * events).\n * @slot suggestions - The `ui-listbox` element containing `ui-list-item` elements as suggestions.\n * @slot anchor - An optional element that points to element that will be used as the anchor for the popover.\n * This is useful if you want to position the suggestions relative to a different element than the input.\n * If not provided, the input element will be used as the anchor.\n * @slot Any additional content that should be rendered inside the component.\n \n @fires autocomplete - Dispatched when a suggestion is selected by the user (e.g., via click or Enter key).\n * The `event.detail` object contains:\n * - `item`: The selected `UiListItem` instance.\n \n @example\n * ```html\n * <autocomplete-input @autocomplete=\"${this.handleAutocompleteSelection}\">\n * <input slot=\"input\" type=\"text\" placeholder=\"Search fruits...\" />\n * <ui-listbox slot=\"suggestions\">\n * <ui-list-item data-value=\"apple\">Apple</ui-list-item>\n * <ui-list-item data-value=\"banana\">Banana</ui-list-item>\n * <ui-list-item data-value=\"cherry\">Cherry</ui-list-item>\n * </ui-listbox>\n * <!-- With aria-label for accessibility -->\n * <ui-listbox slot=\"suggestions\" aria-label=\"Fruit suggestions\">\n * <ui-list-item data-value=\"apple\">Apple</ui-list-item>\n * <ui-list-item data-value=\"banana\">Banana</ui-list-item>\n * <ui-list-item data-value=\"cherry\">Cherry</ui-list-item>\n * </ui-listbox>\n * </autocomplete-input>\n \n <script>\n * // In your component/script\n * handleAutocompleteSelection(event) {\n * const selectedItem = event.detail.item;\n * const inputElement = this.shadowRoot.querySelector('input[slot=\"input\"]');\n * if (inputElement) {\n * inputElement.value = selectedItem.dataset.value \|\| selectedItem.textContent;\n * }\n * console.log('Selected:', selectedItem.dataset.value);\n * }\n * </script>\n * ```\n \n @example Dynamic filtering with `data-index`\n * ```html\n * <autocomplete-input @autocomplete=\"${this.handleUserSelection}\">\n * <input slot=\"input\" type=\"text\" placeholder=\"Search users...\" />\n * <ui-listbox slot=\"suggestions\" aria-label=\"User suggestions\">\n * <ui-list-item data-id=\"1\" data-name=\"Alice Wonderland\" data-email=\"alice@example.com\" data-index=\"name email\">\n * Alice Wonderland\n * <span slot=\"supporting-text\">alice@example.com</span>\n * </ui-list-item>\n * <ui-list-item data-id=\"2\" data-name=\"Bob The Builder\" data-email=\"bob@example.com\" data-index=\"name email\">\n * Bob The Builder\n * <span slot=\"supporting-text\">bob@example.com</span>\n * </ui-list-item>\n * </ui-listbox>\n * </autocomplete-input>\n \n <script>\n * // In your component/script\n * handleUserSelection(event) {\n * const selectedItem = event.detail.item;\n * const inputElement = this.shadowRoot.querySelector('input[slot=\"input\"]');\n * if (inputElement) {\n * // You might want to display the name, but store the ID\n * inputElement.value = selectedItem.dataset.name;\n * }\n * console.log('Selected user ID:', selectedItem.dataset.id);\n * }\n * </script>\n * ```\n /\nexport default class Autocomplete extends LitElement {\n protected override createRenderRoot(): HTMLElement \| DocumentFragment {\n return this\n }\n\n /\n The MutationObserver instance used to watch for changes in slotted children.\n /\n protected observer?: MutationObserver\n\n /\n The ID of the input element, generated if not provided.\n * This is used for CSS anchoring and to ensure unique IDs for accessibility.\n /\n @state() protected accessor inputId = ''\n\n /\n The position area for the suggestions popover.\n * This can be 'bottom' or 'top', depending on available space.\n * Default is 'bottom'.\n \n Note, this is set dynamically based on available space\n * and the position of the input element. This only sets the initial value.\n \n @attribute\n * @type {'bottom' \| 'top'}\n * @default 'bottom'\n /\n @property() accessor positionArea: 'bottom' \| 'top' = 'bottom'\n\n /\n The reference to the slotted input element.\n * This should be an `HTMLInputElement` or behave like one.\n /\n protected inputRef?: HTMLInputElement \| HTMLElement \| null\n /\n The reference to the slotted suggestions element, which should be a `ui-listbox`.\n * This is used to manage the suggestions popover and filtering.\n /\n protected suggestionsRef?: UiListbox \| null\n\n /\n Checks if the suggestions popover is currently open.\n /\n get opened(): boolean {\n return this.suggestionsRef?.matches(':popover-open') \|\| false\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n this.observer = new MutationObserver(this.handleMutations.bind(this))\n this.observer.observe(this, { childList: true })\n if (!this.id) {\n this.id = `autocomplete-${Math.random().toString(36).substring(2, 15)}`\n }\n this.classList.add(this.id)\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback()\n this.observer?.disconnect()\n this.observer = undefined\n this.clearInputListeners()\n this.clearSuggestionsListeners()\n }\n\n protected override firstUpdated(cp: PropertyValues): void {\n super.firstUpdated(cp)\n this.firstSetup()\n }\n\n /\n Performs initial setup after the first update, ensuring that slotted input\n * and suggestions elements are configured.\n /\n async firstSetup(): Promise<void> {\n await this.updateComplete\n const input = this.querySelector('[slot=\"input\"]') as HTMLElement \| null\n const suggestions = this.querySelector('[slot=\"suggestions\"]') as HTMLElement \| null\n if (input) {\n this.setupInput(input)\n }\n if (suggestions) {\n this.setupSuggestions(suggestions as UiListbox)\n }\n }\n\n /\n Handles mutations observed on the component's slotted children.\n * This is used to set up or tear down input and suggestions elements when they are added or removed.\n * @param mutations An array of MutationRecord objects.\n /\n protected handleMutations(mutations: MutationRecord[]): void {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n for (const node of mutation.removedNodes) {\n if (node instanceof HTMLElement) {\n if (node.slot === 'input' && this.inputRef === node) {\n this.clearInputListeners()\n } else if (node.slot === 'suggestions' && this.suggestionsRef === node) {\n this.clearSuggestionsListeners()\n }\n }\n }\n for (const node of mutation.addedNodes) {\n if (node instanceof HTMLElement) {\n if (node.slot === 'input') {\n this.setupInput(node)\n } else if (node.slot === 'suggestions') {\n this.setupSuggestions(node as UiListbox)\n }\n }\n }\n }\n }\n }\n\n /\n Clears event listeners from the current input reference and resets it.\n /\n protected clearInputListeners(): void {\n if (this.inputRef) {\n this.inputRef.removeEventListener('focus', this.handleInputFocus)\n this.inputRef.removeEventListener('input', this.handleInput)\n this.inputRef.removeEventListener('keydown', this.handleKeydown as EventListener)\n this.inputRef.removeEventListener('blur', this.handleInputBlur)\n }\n this.inputRef = null\n }\n\n /\n Clears event listeners from the current suggestions reference and resets it.\n /\n protected clearSuggestionsListeners(): void {\n if (this.suggestionsRef) {\n this.suggestionsRef.removeEventListener('select', this.handleSuggestionSelect as EventListener)\n // If ui-listbox uses a slot for its items, listen to its slotchange\n this.suggestionsRef.removeEventListener('itemschange', this.handleSuggestionsSlotChange)\n if (this.suggestionsRef.matches(':popover-open')) {\n this.suggestionsRef.hidePopover()\n }\n }\n this.suggestionsRef = null\n }\n\n /\n Sets up the slotted input element.\n * Assigns an ID if necessary, sets up CSS anchoring, and attaches event listeners.\n * @param input The HTMLElement to be used as the input.\n /\n protected setupInput(input: HTMLElement): void {\n this.clearInputListeners() // Clear any old listeners\n if (!input.id) {\n this.inputId = `autocomplete-input-${Math.random().toString(36).substring(2, 15)}`\n input.id = this.inputId\n } else {\n this.inputId = input.id\n }\n const anchorElement = this.querySelector('[slot=\"anchor\"]') as HTMLElement \| null\n // Ensure CSS anchor positioning can work\n const anchor = anchorElement \|\| input\n anchor.style.setProperty('anchor-name', `--${this.inputId}`)\n\n this.inputRef = input as HTMLInputElement // Assuming it behaves like an input\n this.inputRef.addEventListener('focus', this.handleInputFocus)\n this.inputRef.addEventListener('input', this.handleInput)\n this.inputRef.addEventListener('keydown', this.handleKeydown as EventListener)\n this.inputRef.addEventListener('blur', this.handleInputBlur)\n }\n\n /\n Sets up the slotted suggestions element (assumed to be a `UiListbox`).\n * Configures popover behavior, CSS anchoring, and attaches event listeners.\n * @param suggestionsElement The `UiListbox` element to be used for suggestions.\n /\n protected setupSuggestions(suggestionsElement: UiListbox): void {\n this.clearSuggestionsListeners() // Clear any old listeners\n\n this.suggestionsRef = suggestionsElement\n this.suggestionsRef.popover = 'manual'\n this.suggestionsRef.tabIndex = -1 // Prevent direct focus\n\n this.suggestionsRef.addEventListener('select', this.handleSuggestionSelect as EventListener)\n // The `List` dispatches `itemschange` when the slot changes, so we can listen to it.\n this.suggestionsRef.addEventListener('itemschange', this.handleSuggestionsSlotChange)\n\n // Initial filter\n this.filterSuggestions(this.inputRef ? (this.inputRef as HTMLInputElement).value : '')\n }\n\n /\n Handles the focus event on the input element.\n * Opens the suggestions popover if there are items to display.\n /\n @bound\n protected handleInputFocus(): void {\n const items = this.suggestionsRef?.items\n if (!items \|\| items.length === 0) {\n // If no suggestions, do not open\n return\n }\n const active = items.find((item) => !item.hidden)\n if (active) {\n this.openSuggestions()\n this.filterSuggestions(this.inputRef ? (this.inputRef as HTMLInputElement).value : '')\n }\n }\n\n /\n Handles the input event on the input element.\n * Filters suggestions based on the input query and opens/closes the popover accordingly.\n * @param event The input event.\n /\n @bound\n protected handleInput(event: Event): void {\n this.openSuggestions()\n const query = (event.target as HTMLInputElement).value\n this.filterSuggestions(query)\n }\n\n /\n Handles keydown events on the input element for navigating and selecting suggestions.\n * - ArrowDown/ArrowUp: Navigates the suggestion list.\n * - Enter: Selects the highlighted suggestion.\n * - Escape: Closes the suggestions popover.\n * @param event The keyboard event.\n /\n @bound\n protected handleKeydown(event: KeyboardEvent): void {\n if (!this.suggestionsRef) return\n\n const { key } = event\n const isSuggestionsOpen = this.suggestionsRef.matches(':popover-open')\n\n if (['ArrowDown', 'ArrowUp'].includes(key)) {\n event.preventDefault()\n if (!isSuggestionsOpen) {\n this.openSuggestions()\n // Give popover a moment to open before trying to highlight\n requestAnimationFrame(() => this.navigateList(key))\n } else {\n this.navigateList(key)\n }\n } else if (key === 'Enter') {\n if (isSuggestionsOpen && this.suggestionsRef.highlightListItem) {\n event.preventDefault()\n this.suggestionsRef.notifySelect(this.suggestionsRef.highlightListItem)\n }\n } else if (key === 'Escape') {\n if (isSuggestionsOpen) {\n event.preventDefault()\n this.closeSuggestions()\n }\n }\n }\n\n /\n Navigates the suggestion list based on the pressed key.\n * @param key The key that was pressed (ArrowDown or ArrowUp).\n /\n protected navigateList(key: string): void {\n if (!this.suggestionsRef) return\n switch (key) {\n case 'ArrowDown':\n this.suggestionsRef.highlightNext()\n break\n case 'ArrowUp':\n this.suggestionsRef.highlightPrevious()\n break\n // Don't handle Home or End keys here, as they break the usability of the input.\n }\n }\n\n /\n Handles the blur event on the input element.\n * Closes the suggestions popover if focus moves outside the autocomplete component.\n /\n @bound\n protected handleInputBlur(): void {\n // We use the manual popover mode, so we need to close suggestions\n // when the input loses focus, but only the current active element is not part of the suggestions.\n requestAnimationFrame(() => {\n // Get the root of the current context (ShadowRoot or Document)\n const root = this.getRootNode() as Document \| ShadowRoot\n const activeElement = root.activeElement\n if (\n !this.inputRef?.contains(activeElement) &&\n (!this.suggestionsRef \|\| !this.suggestionsRef.contains(activeElement))\n ) {\n this.closeSuggestions()\n }\n })\n }\n\n /\n Handles the `select` event dispatched by the `ui-listbox` when a suggestion is chosen.\n * Dispatches an `autocomplete` event and closes the popover.\n * @param event The custom event from `ui-listbox`.\n /\n @bound\n protected handleSuggestionSelect(event: CustomEvent): void {\n event.stopPropagation()\n const selectedItem = event.detail.item as UiListItem\n this.dispatchEvent(\n new CustomEvent('autocomplete', {\n detail: { item: selectedItem },\n bubbles: false,\n composed: false,\n })\n )\n this.closeSuggestions()\n }\n\n /\n Handles the `itemschange` event dispatched by the `ui-listbox` when its slotted items change.\n * Re-filters the suggestions.\n /\n @bound\n protected handleSuggestionsSlotChange(): void {\n const value = this.inputRef ? (this.inputRef as HTMLInputElement).value : ''\n if (!value) {\n return\n }\n this.openSuggestions()\n this.filterSuggestions(value)\n }\n\n /\n Opens the suggestions popover if it's not already open and there are visible items.\n /\n protected openSuggestions(): void {\n const popover = this.suggestionsRef\n if (!popover \|\| popover.matches(':popover-open')) {\n return\n }\n // we need to open the popover first to make any measurements\n popover.showPopover()\n const anchor = (this.querySelector('[slot=\"anchor\"]') as HTMLElement \| null) \|\| this.inputRef\n if (!anchor) {\n return\n }\n this.positionArea = this.decidePositionArea(popover, anchor)\n }\n\n /\n Decides the position area for the popover based on available space.\n * It checks if there is enough space below or above the anchor element and decides accordingly.\n \n We need to do this because we set the popover height to `100%`, `-webkit-fill-available`, or `-moz-available`\n * and it makes the popover to always open at the bottom, even if there is no space. The `position-try-fallbacks`\n * will not work in this case, because from its perspective there is always enough space, even if that will cause\n * the popover to have a height of just a few pixels.\n \n @param popover The popover element to position.\n * @param anchor The anchor element relative to which the popover will be positioned.\n * @returns 'top' or 'bottom' based on available space.\n /\n protected decidePositionArea(popover: HTMLElement, anchor: HTMLElement): 'top' \| 'bottom' {\n let newArea: 'top' \| 'bottom' = 'bottom'\n // Get bounding rectangles\n const anchorRect = anchor.getBoundingClientRect()\n const viewportHeight = window.innerHeight\n\n const spaceBelow = viewportHeight - anchorRect.bottom\n const spaceAbove = anchorRect.top\n\n // Estimate a typical/minimum height the popover might need to be useful\n const popoverThresholdHeight = popover.scrollHeight \|\| 150\n if (spaceBelow < popoverThresholdHeight && spaceAbove > spaceBelow && spaceAbove > popoverThresholdHeight) {\n // Not enough space below, but more (and sufficient) space above\n newArea = 'top'\n } else if (spaceBelow < popoverThresholdHeight && spaceAbove > spaceBelow) {\n // Not enough space below, and space above is more than space below (even if not \"sufficient\")\n newArea = 'top'\n } else {\n newArea = 'bottom' // Default to bottom if enough space or if top is worse\n }\n return newArea\n }\n\n /\n Closes the suggestions popover if it's open and clears any highlighted item.\n /\n protected closeSuggestions(): void {\n if (this.suggestionsRef && this.suggestionsRef.matches(':popover-open')) {\n this.suggestionsRef.hidePopover()\n }\n }\n\n /\n Filters the suggestions based on the provided query.\n * Hides items that do not match and manages the highlighted item state.\n * @param query The search query string.\n /\n protected filterSuggestions(query: string): void {\n if (!this.suggestionsRef) {\n return\n }\n\n const lowerCaseQuery = query.toLowerCase().trim()\n let firstVisibleItem: UiListItem \| null = null\n\n // The `items` getter in `List.ts` (parent of UiListbox) correctly gets assigned elements.\n const items = this.suggestionsRef.items as UiListItem[]\n\n for (const item of items) {\n let matches = false\n if (lowerCaseQuery === '') {\n matches = true\n } else if (item.dataset.index) {\n const indexFields = item.dataset.index.split(' ').filter(Boolean)\n for (const field of indexFields) {\n const valueToSearch = item.dataset[field] \|\| ''\n if (valueToSearch.toLowerCase().includes(lowerCaseQuery)) {\n matches = true\n break\n }\n }\n } else {\n const valueToSearch = item.dataset.value \|\| item.textContent \|\| ''\n matches = valueToSearch.toLowerCase().includes(lowerCaseQuery)\n }\n item.hidden = !matches\n if (matches && !firstVisibleItem) {\n firstVisibleItem = item\n }\n }\n\n // If the currently highlighted item is now hidden, try to highlight the first visible one or clear.\n if (this.suggestionsRef.highlightListItem?.hidden) {\n // the highlightListItem clears the highlighted item if it is not passed an argument.\n this.suggestionsRef?.highlightItem(firstVisibleItem)\n }\n if (!firstVisibleItem) {\n // Close if no items are visible\n this.closeSuggestions()\n }\n }\n\n protected override render(): TemplateResult {\n const { id, positionArea, inputId } = this\n /\n position-try-fallbacks:\n flip-block,\n flip-inline,\n flip-block flip-inline;\n /\n return html`\n <style>\n .${id} {\n display: inline-block;\n\n [popover] {\n border: none;\n margin: 0;\n\n box-shadow: var(--md-sys-elevation-1);\n border-radius: var(--md-sys-shape-corner-medium);\n\n position-area: ${positionArea};\n position-anchor: --${inputId};\n\n overflow: auto;\n / We try 100% and then vendor options which are more accurate */\n height: 100%;\n height: -webkit-fill-available;\n height: -moz-available;\n max-height: max-content;\n width: anchor-size(width);\n }\n\n [popover]:not(:popover-open) {\n display: none;\n }\n }\n </style>\n `\n }\n}\n"]}

package/build/src/elements/data-table/DataTable.d.ts CHANGED Viewed

@@ -30,6 +30,10 @@ export interface CellRenderOptions {
      * the name for the row, like, a person name or a file name.
      */
     isPrimary?: boolean;
+    /**
+     * The part name to use for the cell.
+     */
+    part?: string;
 }
 /**
  * Options for rendering a table header cell. Extends CellRenderOptions.
@@ -69,6 +73,19 @@ export interface EventCellInfo {
      */
     row: number;
 }
+/**
+ * Details for the `sort` event dispatched by the DataTable component.
+ */
+export interface DataTableSortEventDetail {
+    /**
+     * The name of the column being sorted.
+     */
+    column: string;
+    /**
+     * The sort direction, either "asc" (ascending) or "desc" (descending).
+     */
+    direction: 'asc' | 'desc';
+}
 /**
  * A versatile and accessible data table web component.
  *

package/build/src/elements/data-table/DataTable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAW,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAM/E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAErD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,2BAA2B,CAAA;AAElC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;~~CACpB~~;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,WAAW,CAAA;IACjB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;CACZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGG;AACH,8BAAsB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,UAAU;IAClE;;OAEG;IACyB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAErE;;;;;;;OAOG;IACwC,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAS;IAEnG;;;OAGG;IACwB,QAAQ,CAAC,aAAa,EAAE,CAAC,EAAE,CAAK;IAE3D;;;;OAIG;IACH,SAA6D,SAAS,SAAe;IAErF;;;;;;;;OAQG;IAC0B,QAAQ,CAAC,MAAM,UAAQ;IAEpD;;;;;;;OAOG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;;;;OAKG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAE7D;;;;;OAKG;IACyB,QAAQ,CAAC,aAAa,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;IAE9E,SAAS,CAAC,iBAAiB,SAAK;IAEhC,SAAS,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAEzC,SAAS,CAAC,QAAQ,wDAA2B;IAE7C;;;;;;;OAOG;IACM,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAqB;;IAOpD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;cAMV,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO1C,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqB1D,cAAc,IAAI,IAAI;IAItB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAgBhC,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAcrC;;;;;;OAMG;IACH,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,EAAE,GAAG,IAAI;IAIhD;;;;;OAKG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;IAIjC;;;;;;;OAOG;IACH,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAIvC;;;;;;;;OAQG;IACH,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI;IAWrE;;;;;;;;;OASG;IACH,kBAAkB,EAAE,4BAA4B,CAI/C;IAED;;;;;;;;;;OAUG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,SAAS;~~IA8B5D~~;;;;;OAKG;IACH,SAAS,CAAC,OAAO,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;IAiBnD;;;;;;;OAOG;IACH,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS;IAS1G;;;;;;;;OAQG;IACH,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAOlD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAYrD;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa;IAkExC;;;;;;OAMG;IACH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAe1C;;;;;;;;;;OAUG;IACH,SAAS,CAAC,wBAAwB,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,IAAI;IAgC5F;;;;;;;;;OASG;IACH,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IAiBxD;;;;;;;;OAQG;IACH,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAgBzD;;;;;;;;OAQG;IACH,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAc7C;;;;;;OAMG;IACH,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO;IAI5B;;;;;;;;;OASG;IACH,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,GAAE,SAAS,GAAG,KAAiB;IAsB5D;;;;;OAKG;IACM,MAAM,IAAI,cAAc;IA2BjC;;;;;OAKG;IACH,WAAW,IAAI,cAAc;IAQ7B;;;;;OAKG;IACH,QAAQ,CAAC,YAAY,IAAI,cAAc,EAAE;IAEzC;;;;;;;OAOG;IACH,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE;IAElE;;;;;;;OAOG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc;IAiB3D;;;;;;;;;OASG;IACH,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,iBAAsB,GAAG,cAAc;IAmD9G;;;;;OAKG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;;;;;;OAOG;IACH,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,uBAA4B,GAAG,cAAc;CAwC9G"}
1	+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.ts"],"names":[],"mappings":"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"}

package/build/src/elements/data-table/DataTable.js CHANGED Viewed

@@ -450,6 +450,7 @@ let DataTable = (() => {
                     continue;
                 }
                 const isTarget = ['TD', 'TH'].includes(element.nodeName);
+                // @TODO: This creates a focus trap and should be investigated.
                 if (!isTarget && element.hasAttribute('tabindex')) {
                     // It means that the user focusing on an interactive element
                     // within a cell and we should abandon whatever we do right now.
@@ -701,7 +702,7 @@ let DataTable = (() => {
                 this.lastSelectedIndex = index;
             }
             // This won't cause the focus ring to be rendered because the cell
-            // won't hey the `tabindex=0`, which is OK with pointer device navigation,
+            // won't have the `tabindex=0`, which is OK with pointer device navigation,
             // but it will keep track of the last cell in case the keyboard navigation starts.
             this.position = { row, col };
         }
@@ -924,7 +925,7 @@ let DataTable = (() => {
           data-row="${row}"
           data-col="${col}"
           scope="row"
-          part="cell"
+          part="${opts.part ?? 'cell'}"
         >
           ${ring}
           <div class="cell-content">${content}</div>
@@ -941,7 +942,7 @@ let DataTable = (() => {
         data-delegate="${ifDefined(delegateFocus ? true : undefined)}"
         data-row="${row}"
         data-col="${col}"
-        part="cell"
+        part="${opts.part ?? 'cell'}"
       >
         ${ring}
         <div class="cell-content">${content}</div>
@@ -997,7 +998,7 @@ let DataTable = (() => {
       tabindex="${ifDefined(index)}"
       data-delegate="${ifDefined(delegateFocus ? true : undefined)}"
       aria-label="${ifDefined(ariaLabel)}"
-      part="header-cell"
+      part="${opts.part ?? 'header-cell'}"
     >
       <ui-focus-ring .inward="${this.overflow ? true : false}"></ui-focus-ring>
       <div class="cell-content">

package/build/src/elements/data-table/DataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len /\nimport { html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ref, createRef } from 'lit/directives/ref.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { dataAttr } from '../../directives/data-attr.js'\nimport { LiveData } from '../../reactive/LiveData.js'\n\nimport '../../md/focus-ring/ui-focus-ring.js'\nimport '../../md/icons/ui-icon.js'\n\n/\n Options for rendering a table cell.\n /\nexport interface CellRenderOptions {\n /\n CSS classes to apply to the cell.\n /\n classes?: string[]\n /\n Data attributes to add to the cell (e.g., `data-id=\"my-id\"`).\n /\n data?: Record<string, string \| number \| boolean>\n /\n The value of the aria-label to render on the cell.\n /\n ariaLabel?: string\n /\n Used with interactive elements within the cell.\n * The content of the cell should have exactly one element\n * with the `tabindex=-1`. The table will automatically\n * focus on that element when activated.\n /\n delegateFocus?: boolean\n /\n Used for accessibility. Should be set on the cell that represents\n * the name for the row, like, a person name or a file name.\n /\n isPrimary?: boolean\n}\n\n/\n Options for rendering a table header cell. Extends CellRenderOptions.\n /\nexport interface HeaderCellRenderOptions extends CellRenderOptions {\n /\n The name of the sort property.\n /\n sort?: string\n}\n\nexport interface CellPosition {\n /\n The index of the selected row\n /\n row: number\n /\n The index of the selected cell\n /\n col: number\n\n /\n Whether the logic should ignore setting up focus.\n * This is used when tracking cell selection when using a pointer device.\n /\n ignoreFocus?: boolean\n}\n\nexport interface EventCellInfo {\n /\n The cell element.\n /\n cell: HTMLElement\n /\n The column index\n /\n col: number\n /\n The table row index (not items)\n /\n row: number\n}\n\n/\n A versatile and accessible data table web component.\n \n The `DataTable` component provides a highly customizable and accessible way to display tabular data.\n * It offers features such as:\n \n - Accessibility: Built with ARIA roles and attributes for screen reader compatibility and keyboard navigation.\n * - Customizable Cells: Allows complete control over the content and rendering of each cell in the table.\n * - Header Customization: Provides flexibility in defining and rendering table headers, including sorting.\n * - Selection: Supports single, multiple, or no selection of rows.\n * - Activation: Enables the activation of rows (e.g., via double-click or Enter/Space key).\n * - Infinite Scrolling: Supports \"load more\" functionality (infinite scroll) using a sentinel element.\n * - Sorting: Allows sorting of data by clicking on sortable header cells.\n * - Keyboard Navigation: Full keyboard support for navigating through the table.\n * - Empty State: Customizable content to display when the table has no data.\n * - Focus Management: Properly manages focus for both keyboard and pointer interactions.\n \n @slot empty - Optional. Content to display when the table is empty (i.e., `items` is an empty array).\n * Defaults to a message saying \"No data to display.\"\n \n @fires select - Dispatched when the selection changes.\n * - `detail`: An object with a `selectedItems` property, containing an array of the currently selected items.\n * - Example: `{ selectedItems: [item1, item2] }`\n \n @fires activate - Dispatched when a row is activated (e.g., double-clicked or Enter/Space pressed).\n * - `detail`: The data item that was activated.\n * - Example: `item1`\n \n @fires scrollend - Dispatched when the user scrolls to the bottom of the table (when the `overflow` property is true).\n * - No event detail.\n \n @fires sort - Dispatched when the user clicks on a sortable header to change the sorting.\n * - `detail`: An object with `column` and `direction` properties.\n * - `column`: The name of the column being sorted.\n * - `direction`: The sort direction, either \"asc\" (ascending) or \"desc\" (descending).\n * - Example: `{ column: \"name\", direction: \"asc\" }`\n \n @csspart table - The underlying `<table>` element.\n * @csspart cell - Individual `<td>` and `<th>` elements.\n * @csspart header-cell - Individual `<th>` elements.\n \n @cssprop --md-focus-ring-shape-start-start - The start-start corner shape for the focus ring.\n * @cssprop --md-focus-ring-shape-start-end - The start-end corner shape for the focus ring.\n * @cssprop --md-focus-ring-shape-end-end - The end-end corner shape for the focus ring.\n * @cssprop --md-focus-ring-shape-end-start - The end-start corner shape for the focus ring.\n * @cssprop --md-sys-typescale-label-large-font - The font family for label large.\n * @cssprop --md-sys-typescale-label-large-size - The font size for label large.\n * @cssprop --md-sys-typescale-label-large-tracking - The letter spacing for label large.\n * @cssprop --md-sys-typescale-label-large-height - The line height for label large.\n * @cssprop --md-sys-typescale-label-large-weight - The font weight for label large.\n * @cssprop --md-sys-color-outline-variant - The outline variant color.\n * @cssprop --md-sys-color-secondary-container - The secondary container color.\n * @cssprop --md-icon-size - The size of the icons.\n * @cssprop --md-sys-typescale-title-small-font - The font family for title small.\n * @cssprop --md-sys-typescale-title-small-weight - The font weight for title small.\n * @cssprop --md-sys-typescale-title-small-size - The font size for title small.\n * @cssprop --md-sys-typescale-title-small-tracking - The letter spacing for title small.\n * @cssprop --md-sys-typescale-title-small-height - The line height for title small.\n * @cssprop --md-sys-typescale-body-medium-font - The font family for body medium.\n * @cssprop --md-sys-typescale-body-medium-weight - The font weight for body medium.\n * @cssprop --md-sys-typescale-body-medium-size - The font size for body medium.\n * @cssprop --md-sys-typescale-body-medium-tracking - The letter spacing for body medium.\n * @cssprop --md-sys-typescale-body-medium-height - The line height for body medium.\n \n @typeParam T The type of data items in the table.\n \n @example\n * ```html\n * <data-table\n * .items=\"${myItems}\"\n * selection=\"multi\"\n * @select=\"${handleSelect}\"\n * @activate=\"${handleActivate}\"\n * @scrollend=\"${handleScrollEnd}\"\n * @sort=\"${handleSort}\"\n * overflow\n * >\n * <p slot=\"empty\">No items to display at this time.</p>\n * </data-table>\n * ```\n \n @example\n * ```typescript\n * // Inside a subclass of DataTable.\n * // Rendering a name cell.\n * #nameCell(item: MyItem, row: number, col: number): TemplateResult {\n * return this.renderCell(item.name, row, col, { isPrimary: true });\n * }\n \n // Rendering a header cell.\n * override renderHeader(): TemplateResult[] {\n * return [\n * this.renderHeaderCell('Name', 0, { sort: 'name' }),\n * this.renderHeaderCell('Value', 1, { sort: 'value' }),\n * ];\n * }\n * ```\n /\nexport abstract class DataTable<T extends object> extends LitElement {\n /\n The data items to display in the table.\n /\n @property({ type: Object }) accessor items: LiveData<T[]> \| undefined\n\n /\n The selection mode. Can be \"none\", \"single\", or \"multi\".\n * - `none`: No selection is allowed.\n * - `single`: Only one item can be selected at a time.\n * - `multi`: Multiple items can be selected.\n * @attribute\n * @default \"none\"\n /\n @property({ type: String, reflect: true }) accessor selection: 'none' \| 'single' \| 'multi' = 'none'\n\n /\n The currently selected items.\n * @default []\n /\n @property({ type: Array }) accessor selectedItems: T[] = []\n\n /\n The ARIA label for the table. Used for accessibility.\n * @attribute\n * @default \"Data table\"\n /\n @property({ type: String, reflect: true }) override accessor ariaLabel = 'Data table'\n\n /\n Enables double-click and Enter/Space key activation of table items.\n * When `true`, items can be activated by:\n * - Double-clicking the item.\n * - Focusing on the item and pressing Enter or Space.\n * The `activate` event is dispatched when an item is activated.\n * @attribute\n * @default false\n /\n @property({ type: Boolean }) accessor active = false\n\n /\n Enables the \"load more\" functionality when the user scrolls to the bottom of the table.\n * When `true`, a sentinel element is added to the bottom of the table. When the sentinel\n * becomes visible, the `scrollend` event is dispatched.\n * This is commonly used for infinite scrolling or lazy loading of data.\n * @attribute\n * @default false\n /\n @property({ type: Boolean, reflect: true }) accessor overflow = false\n\n /\n The name of the property to sort the table by. If set, the table will\n * automatically indicate the sortable header.\n * @attribute\n * @default undefined\n /\n @property({ type: String }) accessor sort: string \| undefined\n\n /\n The direction of the sort. Can be \"asc\" (ascending) or \"desc\" (descending).\n * If `sort` is set, this property will be used to determine the sort direction.\n * @attribute\n * @default undefined\n /\n @property({ type: String }) accessor sortDirection: 'asc' \| 'desc' \| undefined\n\n protected lastSelectedIndex = -1\n\n protected observer?: IntersectionObserver\n\n protected sentinel = createRef<HTMLElement>()\n\n /\n The current focus position.\n * It is used to support keyboard navigation.\n \n Initially we always allow to focus on the first cell, which\n * should be the first header cell. The keyboard navigation will\n * take over.\n /\n @state() accessor position: CellPosition = { row: 0, col: 0 }\n\n constructor() {\n super()\n this.handleLiveData = this.handleLiveData.bind(this)\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n if (this.overflow) {\n // Only create the observer if overflow is enabled\n this.createObserver()\n }\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback()\n this.observer?.disconnect()\n this.observer = undefined\n }\n\n override firstUpdated(): void {\n if (this.overflow) {\n this.createObserver()\n }\n }\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n if (cp.has('items')) {\n this.lastSelectedIndex = -1\n this.revalidateSelection()\n }\n }\n\n protected override updated(cp: PropertyValues<this>): void {\n if (cp.has('position')) {\n const { row, col, ignoreFocus = false } = this.position\n if (!ignoreFocus) {\n const cell = this.shadowRoot?.querySelector(`[data-row=\"${row}\"][data-col=\"${col}\"]`) as HTMLElement \| null\n if (cell) {\n cell.focus()\n }\n }\n }\n if (cp.has('items')) {\n const old = cp.get('items')\n if (old) {\n old.removeEventListener('update', this.handleLiveData)\n }\n if (this.items) {\n this.items.addEventListener('update', this.handleLiveData)\n }\n }\n }\n\n handleLiveData(): void {\n this.requestUpdate()\n }\n\n /\n @internal\n * @description Creates and configures an `IntersectionObserver` to detect when the sentinel element is visible,\n * indicating the user has scrolled to the bottom of the table.\n \n This method sets up the observer to watch the sentinel element. When the sentinel intersects with the component's viewport,\n * it triggers the `scrollend` event.\n \n This function is used when `overflow` is set to true.\n \n @returns void\n /\n protected createObserver(): void {\n const { sentinel } = this\n if (!sentinel.value) {\n return\n }\n\n const options: IntersectionObserverInit = {\n root: this, // Observe within the component's viewport\n rootMargin: '0px', // No margin\n threshold: 0.0, // Trigger when the sentinel is 0% visible (at the very bottom)\n }\n\n this.observer = new IntersectionObserver(this.handleIntersection, options)\n this.observer.observe(sentinel.value) // Observe the sentinel.\n }\n\n protected revalidateSelection(): void {\n const { items, selectedItems = [] } = this\n if (!items \|\| selectedItems.length === 0) {\n return\n }\n const filteredSelectedItems = selectedItems.filter((selectedItem) =>\n items.value.some((item) => item === selectedItem)\n )\n if (filteredSelectedItems.length !== selectedItems.length) {\n this.selectedItems = filteredSelectedItems\n this.notifySelect(filteredSelectedItems)\n }\n }\n\n /\n Notifies about the selection change.\n \n This method dispatches a `select` event with the currently selected items.\n \n @param selectedItems - The array of currently selected items.\n /\n protected notifySelect(selectedItems: T[]): void {\n this.dispatchEvent(new CustomEvent('select', { detail: { selectedItems } }))\n }\n\n /\n Notifies about the scroll end event.\n \n This method dispatches a `scrollend` event when the user scrolls to the bottom of the table.\n * It is typically used in conjunction with the `overflow` property to implement infinite scrolling.\n /\n protected notifyScrollEnd(): void {\n this.dispatchEvent(new CustomEvent('scrollend'))\n }\n\n /\n Notifies about the activation of a row.\n \n This method dispatches an `activate` event with the activated item.\n * It is typically used when a row is double-clicked or when the Enter/Space key is pressed while focused on a row.\n \n @param item - The data item that was activated.\n /\n protected notifyActivate(item: T): void {\n this.dispatchEvent(new CustomEvent('activate', { detail: item }))\n }\n\n /\n Notifies about the sorting action.\n \n This method dispatches a `sort` event with the column name and sort direction.\n * It is typically used when a sortable header cell is clicked.\n \n @param column - The name of the column being sorted.\n * @param direction - The sort direction, either \"asc\" (ascending) or \"desc\" (descending).\n /\n protected notifySort(column: string, direction: 'asc' \| 'desc'): void {\n this.dispatchEvent(\n new CustomEvent('sort', {\n detail: {\n column,\n direction,\n },\n })\n )\n }\n\n /\n @internal\n * @description Handles the intersection of the sentinel element with the viewport.\n \n This method is the callback function for the `IntersectionObserver`. When the sentinel becomes visible,\n * it dispatches the `scrollend` event to signal that the user has reached the bottom of the table.\n \n @param entries - An array of IntersectionObserverEntry objects.\n * @returns void\n /\n handleIntersection: IntersectionObserverCallback = (entries): void => {\n if (entries.some((entry) => entry.isIntersecting)) {\n this.notifyScrollEnd()\n }\n }\n\n /\n @internal\n * @description Extracts information about a cell from an event.\n \n This method analyzes the event's composed path to identify the clicked or focused cell (either `<td>` or `<th>`).\n * It returns the cell element, its column index, and its row index.\n * It is also capable of detecting if the user focused on an interactive element within a cell.\n \n @param e - The event object (typically a MouseEvent or KeyboardEvent).\n * @returns An object containing the cell element, column index, and row index, or `undefined` if the target is not a cell.\n /\n protected infoFromEvent(e: Event): EventCellInfo \| undefined {\n const path = e.composedPath()\n let cell: HTMLElement \| undefined\n for (const current of path.values()) {\n const element = current as Element\n if (element.nodeType !== Node.ELEMENT_NODE) {\n continue\n }\n const isTarget = ['TD', 'TH'].includes(element.nodeName)\n if (!isTarget && element.hasAttribute('tabindex')) {\n // It means that the user focusing on an interactive element\n // within a cell and we should abandon whatever we do right now.\n return\n }\n if (isTarget) {\n cell = element as HTMLElement\n break\n }\n }\n if (!cell) {\n return\n }\n const col = Number(cell.dataset.col)\n const row = Number(cell.dataset.row)\n if (isNaN(col) \|\| isNaN(row)) {\n return\n }\n return { cell, col, row }\n }\n\n /\n @internal\n * @description Gets the number of columns and rows of the table.\n \n @returns An object with `cols` and `rows` properties indicating the number of columns and rows.\n /\n protected getSize(): { cols: number; rows: number } {\n const result = { cols: 0, rows: 0 }\n const table = this.shadowRoot?.querySelector('table')\n if (!table) {\n return result\n }\n const row = table.querySelector('tr')\n if (!row) {\n return result\n }\n const columns = row.querySelectorAll('th, td')\n result.cols = columns.length ? columns.length - 1 : 0\n const rows = table.rows\n result.rows = rows.length ? rows.length - 1 : 0\n return result\n }\n\n /\n @internal\n * @description Get the element containing the cell data.\n \n @param col - The column index of the cell.\n * @param row - The row index of the cell.\n * @returns An object with the cell element and `delegateFocus` flag, or `undefined` if the cell does not exist.\n /\n protected getCellInfo(col: number, row: number): { cell: HTMLElement; delegateFocus: boolean } \| undefined {\n const cell = this.shadowRoot?.querySelector(`[data-col=\"${col}\"][data-row=\"${row}\"]`) as HTMLElement \| null\n if (!cell) {\n return\n }\n const delegateFocus = cell.dataset.delegate === 'true'\n return { cell, delegateFocus }\n }\n\n /\n @internal\n * @description Delegates the focus to a specific interactive element within a cell.\n \n This method is used when the cell is configured to handle its own focus management (i.e., `delegateFocus` is `true`).\n \n @param parent - The parent element (the cell) containing the interactive element.\n * @returns void\n /\n protected delegateFocus(parent: HTMLElement): void {\n const delegate = parent.querySelector('[tabindex]') as HTMLElement \| null\n if (delegate) {\n delegate.focus()\n }\n }\n\n /\n @internal\n * @description Moves the focus to the specified cell.\n \n This method updates the component's internal `position` state and then focuses on the corresponding cell.\n * If the cell has the `delegateFocus` property, it delegates the focus to the first interactive element inside of the cell.\n \n @param col - The column index of the cell to focus on.\n * @param row - The row index of the cell to focus on.\n * @returns void\n /\n protected moveFocusTo(col: number, row: number): void {\n const cell = this.getCellInfo(col, row)\n if (!cell) {\n return\n }\n this.position = { row, col }\n if (cell.delegateFocus) {\n this.position.ignoreFocus = true\n this.delegateFocus(cell.cell)\n }\n }\n\n /\n @internal\n * @description Handles keyboard navigation within the table.\n \n This method processes keyboard events to move the focus between cells. It supports arrow keys, Page Up/Down, Home/End, Enter and Space.\n * - ArrowRight: Moves focus to the next cell to the right.\n * - ArrowLeft: Moves focus to the next cell to the left.\n * - ArrowDown: Moves focus to the cell below.\n * - ArrowUp: Moves focus to the cell above.\n * - PageUp: Moves focus to the first row.\n * - PageDown: Moves focus to the last row.\n * - Home: Moves focus to the first cell of the current row (Ctrl+Home moves to the first cell of the first row).\n * - End: Moves focus to the last cell of the current row (Ctrl+End moves to the last cell of the last row).\n * - Enter: Activates the current row.\n * - Space: Manages selection.\n \n @param e - The KeyboardEvent object.\n * @returns void\n /\n protected handleKeyDown(e: KeyboardEvent) {\n if (e.defaultPrevented) {\n return\n }\n const info = this.infoFromEvent(e)\n if (!info) {\n // This also makes sure that when we are focusing on an element\n // within a `delegateFocus` cell, we won't interfere with its events.\n return\n }\n const { code } = e\n const { position } = this\n const size = this.getSize()\n if (code === 'ArrowRight') {\n e.preventDefault()\n if (position.col < size.cols) {\n this.moveFocusTo(position.col + 1, position.row)\n }\n } else if (code === 'ArrowLeft') {\n e.preventDefault()\n if (position.col > 0) {\n this.moveFocusTo(position.col - 1, position.row)\n }\n } else if (code === 'ArrowDown') {\n e.preventDefault()\n if (position.row < size.rows) {\n this.moveFocusTo(position.col, position.row + 1)\n }\n } else if (code === 'ArrowUp') {\n e.preventDefault()\n if (position.row > 0) {\n this.moveFocusTo(position.col, position.row - 1)\n }\n } else if (code === 'PageUp') {\n e.preventDefault()\n if (position.row > 1) {\n this.moveFocusTo(position.col, 1)\n }\n } else if (code === 'PageDown') {\n e.preventDefault()\n if (position.row < size.rows) {\n this.moveFocusTo(position.col, size.rows)\n }\n } else if (code === 'Home') {\n e.preventDefault()\n if (!e.ctrlKey && position.col > 0) {\n this.moveFocusTo(0, position.row)\n } else if (e.ctrlKey && (position.row > 1 \|\| position.col > 0)) {\n this.moveFocusTo(0, 1)\n }\n } else if (code === 'End') {\n e.preventDefault()\n if (!e.ctrlKey && position.col < size.cols) {\n this.moveFocusTo(size.cols, position.row)\n } else if (e.ctrlKey && position.row < size.rows) {\n this.moveFocusTo(size.cols, size.rows)\n }\n } else if (code === 'Enter') {\n e.preventDefault()\n this.activateFromCellInfo(info)\n } else if (code === 'Space') {\n e.preventDefault()\n this.manageSelectionFromEvent(info, e)\n }\n }\n\n /\n @internal\n * @description Handles mouse click events on the table.\n \n @param e - The MouseEvent object.\n * @returns void\n /\n protected handleClick(e: MouseEvent): void {\n if (e.detail === 3) {\n return\n }\n const info = this.infoFromEvent(e)\n if (!info) {\n return\n }\n if (e.detail === 2) {\n this.activateFromCellInfo(info)\n } else {\n this.manageSelectionFromEvent(info, e)\n }\n }\n\n /\n @internal\n * @description Manages the selection state based on a mouse or keyboard event.\n \n This method determines the row and column from the event target and updates the `selectedItems` array accordingly.\n * It supports single, multiple and no selection based on the `selection` property. It also supports shift-click.\n \n @param info - The cell info.\n * @param e - The MouseEvent or KeyboardEvent object.\n * @returns void\n /\n protected manageSelectionFromEvent(info: EventCellInfo, e: MouseEvent \| KeyboardEvent): void {\n if (!this.items) {\n return\n }\n const { row, col } = info\n const index = row - 1\n if (info.row === 0) {\n // Handle sort.\n this.sortFrom(info.cell)\n this.position = { row, col }\n return\n }\n const item = this.items.value[index]\n if (!item) {\n return\n }\n\n const isMultiSelect = this.selection === 'multi'\n if (isMultiSelect && (e.metaKey \|\| e.ctrlKey)) {\n this.toggleSelection(item, 'add')\n } else if (isMultiSelect && e.shiftKey) {\n this.handleShiftClick(index, item)\n } else {\n this.toggleSelection(item, 'replace')\n this.lastSelectedIndex = index\n }\n // This won't cause the focus ring to be rendered because the cell\n // won't hey the `tabindex=0`, which is OK with pointer device navigation,\n // but it will keep track of the last cell in case the keyboard navigation starts.\n this.position = { row, col }\n }\n\n /\n @internal\n * @description Handles shift-click for range selection.\n \n When shift-clicking a row, it will select all the items between the last selected item and the clicked item.\n \n @param clickedIndex - The index of the clicked item.\n * @param item - The clicked item.\n * @returns void\n /\n protected handleShiftClick(clickedIndex: number, item: T) {\n if (!this.items) {\n return\n }\n if (this.lastSelectedIndex === -1) {\n // If no previous selection, just select the clicked item.\n this.toggleSelection(item)\n this.lastSelectedIndex = clickedIndex\n return\n }\n const startIndex = Math.min(this.lastSelectedIndex, clickedIndex)\n const endIndex = Math.max(this.lastSelectedIndex, clickedIndex)\n const newSelectedItems = this.items.value.slice(startIndex, endIndex + 1)\n this.selectedItems = newSelectedItems as T[]\n this.notifySelect(newSelectedItems)\n }\n\n /\n @internal\n * @description Activates the row associated with the given event.\n \n This method is called when a row is double-clicked or when the Enter/Space key is pressed while a row is focused.\n \n @param e - The Event object.\n * @returns void\n /\n protected activateFromCellInfo(info: EventCellInfo): void {\n if (!this.items) {\n return\n }\n if (info.row === 0) {\n // Handle sort.\n this.sortFrom(info.cell)\n return\n }\n const item = this.items.value[info.row - 1]\n if (!item) {\n return\n }\n this.notifyActivate(item)\n }\n\n /\n @internal\n * @description Handles sorting logic based on the clicked column header.\n \n This method updates the `sort` and `sortDirection` properties and dispatches the `sort` event.\n \n @param column - The header cell element.\n * @returns void\n /\n protected sortFrom(column: HTMLElement): void {\n const sort = column.dataset.sort\n if (!sort) {\n return\n }\n if (this.sort === sort) {\n this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc'\n } else {\n this.sort = sort\n this.sortDirection = 'asc'\n }\n this.notifySort(this.sort, this.sortDirection)\n }\n\n /\n @public\n * @description Checks if an item is currently selected.\n \n @param item - The item to check.\n * @returns `true` if the item is selected, `false` otherwise.\n /\n isSelected(item: T): boolean {\n return this.selectedItems.includes(item)\n }\n\n /\n @public\n * @description Toggles the selection state of an item.\n \n This method adds or removes an item from the `selectedItems` array.\n \n @param item - The item to toggle selection for.\n * @param mode - The selection mode, either 'replace' or 'add' (defaults to 'replace').\n * @returns void\n /\n toggleSelection(item: T, mode: 'replace' \| 'add' = 'replace') {\n if (this.selection === 'none') {\n return\n }\n\n if (this.selection === 'single') {\n this.selectedItems = [item]\n } else {\n // multi-select\n const index = this.selectedItems.indexOf(item)\n if (mode === 'replace') {\n this.selectedItems = [item]\n } else if (index === -1) {\n this.selectedItems = [...this.selectedItems, item]\n } else {\n this.selectedItems = this.selectedItems.filter((i) => i !== item)\n }\n }\n\n this.notifySelect(this.selectedItems)\n }\n\n /\n @internal\n * @description Renders the table.\n \n @returns A `TemplateResult` for rendering.\n /\n override render(): TemplateResult {\n if (!this.items \|\| !this.items.value.length) {\n return this.renderEmpty()\n }\n const isMulti = this.selection === 'multi'\n return html`\n <table\n part=\"table\"\n role=\"grid\"\n aria-multiselectable=\"${ifDefined(isMulti ? 'true' : undefined)}\"\n aria-label=\"${this.ariaLabel}\"\n @keydown=\"${this.handleKeyDown}\"\n @click=\"${this.handleClick}\"\n >\n <thead>\n <tr role=\"row\">\n ${this.renderHeader()}\n </tr>\n </thead>\n <tbody>\n ${this.items.value.map((item, index) => this.renderRow(item, index))}\n </tbody>\n </table>\n ${this.overflow ? html`<div class=\"scroll-sentinel\" ${ref(this.sentinel)}></div>` : nothing}\n `\n }\n\n /\n @internal\n * @description Renders the empty state of the table.\n \n @returns A `TemplateResult` for rendering.\n /\n renderEmpty(): TemplateResult {\n return html`\n <slot name=\"empty\">\n <p role=\"status\" class=\"empty\">No data to display.</p>\n </slot>\n `\n }\n\n /\n @internal\n * @description Renders the table header cells. Must be implemented by subclasses.\n \n @returns An array of `TemplateResult` objects representing the header cells.\n /\n abstract renderHeader(): TemplateResult[]\n\n /\n @internal\n * @description Renders the cells for a given row item. Must be implemented by subclasses.\n \n @param item The data item for the row.\n * @param index The index that should be passed back to the rendering function. This is not the item index.\n * @returns An array of `TemplateResult` objects representing the cells for the row.\n /\n abstract renderRowValues(item: T, index: number): TemplateResult[]\n\n /\n @internal\n * @description Renders a single row in the table.\n \n @param item - The data item for the row.\n * @param index - The index of the row.\n * @returns A `TemplateResult` for rendering.\n /\n protected renderRow(item: T, index: number): TemplateResult {\n const rowClasses = {\n selected: this.isSelected(item as T),\n }\n\n return html`\n <tr\n role=\"row\"\n aria-selected=\"${this.isSelected(item as T) ? 'true' : 'false'}\"\n data-index=\"${index}\"\n class=\"${classMap(rowClasses)}\"\n >\n ${this.renderRowValues(item, index + 1)}\n </tr>\n `\n }\n\n /\n @internal\n * A helper method to render a standard table cell.\n \n @param content The content of the cell.\n * @param row The 0-based row index of the rendered cell\n * @param col The 0-based column index of the rendered cell\n * @param opts Options for rendering the cell (classes, icon, data attributes).\n * @returns A `TemplateResult` representing the rendered cell.\n /\n protected renderCell(content: unknown, row: number, col: number, opts: CellRenderOptions = {}): TemplateResult {\n const { position } = this\n const { data = {}, classes = [], ariaLabel, delegateFocus = false, isPrimary = false } = opts\n const cellClasses: Record<string, boolean> = { 'grid-cell': true }\n classes?.forEach((c) => (cellClasses[c] = true))\n const isFocused = position?.col === col && position?.row === row\n let index: number \| undefined\n if (!delegateFocus) {\n index = isFocused ? 0 : -1\n }\n const ring = !delegateFocus\n ? html`<ui-focus-ring .inward=\"${this.overflow ? true : false}\"></ui-focus-ring>`\n : nothing\n if (isPrimary) {\n // Lit does not allow dynamic element names so I decided to make a copy.\n return html`\n <th\n role=\"gridcell\"\n class=\"${classMap(cellClasses)}\"\n ${dataAttr(data)}\n aria-label=\"${ifDefined(ariaLabel)}\"\n tabindex=\"${ifDefined(index)}\"\n data-delegate=\"${ifDefined(delegateFocus ? true : undefined)}\"\n data-row=\"${row}\"\n data-col=\"${col}\"\n scope=\"row\"\n part=\"cell\"\n >\n ${ring}\n <div class=\"cell-content\">${content}</div>\n </th>\n `\n }\n return html`\n <td\n role=\"gridcell\"\n class=\"${classMap(cellClasses)}\"\n ${dataAttr(data)}\n aria-label=\"${ifDefined(ariaLabel)}\"\n tabindex=\"${ifDefined(index)}\"\n data-delegate=\"${ifDefined(delegateFocus ? true : undefined)}\"\n data-row=\"${row}\"\n data-col=\"${col}\"\n part=\"cell\"\n >\n ${ring}\n <div class=\"cell-content\">${content}</div>\n </td>\n `\n }\n\n /\n @internal\n * @description Returns the name of the icon to use for sorting indication.\n \n @returns The name of the Material Icon to use (either \"arrow_upward\" or \"arrow_downward\").\n /\n get sortIconName(): string {\n return this.sortDirection === 'asc' ? 'arrow_upward' : 'arrow_downward'\n }\n\n /\n @internal\n * A helper method to render a table header cell.\n \n @param content The content of the header cell.\n * @param opts Options for rendering the header cell (classes, data attributes).\n * @returns A `TemplateResult` representing the rendered header cell.\n */\n protected renderHeaderCell(content: unknown, col: number, opts: HeaderCellRenderOptions = {}): TemplateResult {\n const { position } = this\n const { data = {}, classes = [], sort, delegateFocus = false, ariaLabel } = opts\n const cellClasses: Record<string, boolean> = { 'grid-header': true }\n classes?.forEach((c) => (cellClasses[c] = true))\n const isSortable = !!sort\n const isSorted = this.sort === sort\n const sortIcon = isSorted ? this.sortIconName : undefined\n const isFocused = position?.col === col && position?.row === 0\n let index: number \| undefined\n if (!delegateFocus) {\n index = isFocused ? 0 : -1\n }\n let ariaSort: 'ascending' \| 'descending' \| 'none' \| undefined\n if (isSorted) {\n ariaSort = this.sortDirection === 'asc' ? 'ascending' : 'descending'\n } else if (isSortable) {\n ariaSort = 'none'\n }\n return html`<th\n role=\"columnheader\"\n scope=\"col\"\n class=\"${classMap(cellClasses)}\"\n ${dataAttr(data)}\n aria-sort=\"${ifDefined(ariaSort)}\"\n data-sort=\"${ifDefined(sort)}\"\n data-row=\"0\"\n data-col=\"${col}\"\n tabindex=\"${ifDefined(index)}\"\n data-delegate=\"${ifDefined(delegateFocus ? true : undefined)}\"\n aria-label=\"${ifDefined(ariaLabel)}\"\n part=\"header-cell\"\n >\n <ui-focus-ring .inward=\"${this.overflow ? true : false}\"></ui-focus-ring>\n <div class=\"cell-content\">\n ${content}\n ${isSortable && sortIcon ? html`<ui-icon class=\"sort-icon\" role=\"presentation\">${sortIcon}</ui-icon>` : nothing}\n </div>\n </th> `\n }\n}\n"]}
1	+ {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len /\nimport { html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ref, createRef } from 'lit/directives/ref.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { dataAttr } from '../../directives/data-attr.js'\nimport { LiveData } from '../../reactive/LiveData.js'\n\nimport '../../md/focus-ring/ui-focus-ring.js'\nimport '../../md/icons/ui-icon.js'\n\n/\n Options for rendering a table cell.\n /\nexport interface CellRenderOptions {\n /\n CSS classes to apply to the cell.\n /\n classes?: string[]\n /\n Data attributes to add to the cell (e.g., `data-id=\"my-id\"`).\n /\n data?: Record<string, string \| number \| boolean>\n /\n The value of the aria-label to render on the cell.\n /\n ariaLabel?: string\n /\n Used with interactive elements within the cell.\n * The content of the cell should have exactly one element\n * with the `tabindex=-1`. The table will automatically\n * focus on that element when activated.\n /\n delegateFocus?: boolean\n /\n Used for accessibility. Should be set on the cell that represents\n * the name for the row, like, a person name or a file name.\n /\n isPrimary?: boolean\n /\n The part name to use for the cell.\n /\n part?: string\n}\n\n/\n Options for rendering a table header cell. Extends CellRenderOptions.\n /\nexport interface HeaderCellRenderOptions extends CellRenderOptions {\n /\n The name of the sort property.\n /\n sort?: string\n}\n\nexport interface CellPosition {\n /\n The index of the selected row\n /\n row: number\n /\n The index of the selected cell\n /\n col: number\n\n /\n Whether the logic should ignore setting up focus.\n * This is used when tracking cell selection when using a pointer device.\n /\n ignoreFocus?: boolean\n}\n\nexport interface EventCellInfo {\n /\n The cell element.\n /\n cell: HTMLElement\n /\n The column index\n /\n col: number\n /\n The table row index (not items)\n /\n row: number\n}\n\n/\n Details for the `sort` event dispatched by the DataTable component.\n /\nexport interface DataTableSortEventDetail {\n /\n The name of the column being sorted.\n /\n column: string\n /\n The sort direction, either \"asc\" (ascending) or \"desc\" (descending).\n /\n direction: 'asc' \| 'desc'\n}\n\n/\n A versatile and accessible data table web component.\n \n The `DataTable` component provides a highly customizable and accessible way to display tabular data.\n * It offers features such as:\n \n - Accessibility: Built with ARIA roles and attributes for screen reader compatibility and keyboard navigation.\n * - Customizable Cells: Allows complete control over the content and rendering of each cell in the table.\n * - Header Customization: Provides flexibility in defining and rendering table headers, including sorting.\n * - Selection: Supports single, multiple, or no selection of rows.\n * - Activation: Enables the activation of rows (e.g., via double-click or Enter/Space key).\n * - Infinite Scrolling: Supports \"load more\" functionality (infinite scroll) using a sentinel element.\n * - Sorting: Allows sorting of data by clicking on sortable header cells.\n * - Keyboard Navigation: Full keyboard support for navigating through the table.\n * - Empty State: Customizable content to display when the table has no data.\n * - Focus Management: Properly manages focus for both keyboard and pointer interactions.\n \n @slot empty - Optional. Content to display when the table is empty (i.e., `items` is an empty array).\n * Defaults to a message saying \"No data to display.\"\n \n @fires select - Dispatched when the selection changes.\n * - `detail`: An object with a `selectedItems` property, containing an array of the currently selected items.\n * - Example: `{ selectedItems: [item1, item2] }`\n \n @fires activate - Dispatched when a row is activated (e.g., double-clicked or Enter/Space pressed).\n * - `detail`: The data item that was activated.\n * - Example: `item1`\n \n @fires scrollend - Dispatched when the user scrolls to the bottom of the table (when the `overflow` property is true).\n * - No event detail.\n \n @fires sort - Dispatched when the user clicks on a sortable header to change the sorting.\n * - `detail`: An object with `column` and `direction` properties.\n * - `column`: The name of the column being sorted.\n * - `direction`: The sort direction, either \"asc\" (ascending) or \"desc\" (descending).\n * - Example: `{ column: \"name\", direction: \"asc\" }`\n \n @csspart table - The underlying `<table>` element.\n * @csspart cell - Individual `<td>` and `<th>` elements.\n * @csspart header-cell - Individual `<th>` elements.\n \n @cssprop --md-focus-ring-shape-start-start - The start-start corner shape for the focus ring.\n * @cssprop --md-focus-ring-shape-start-end - The start-end corner shape for the focus ring.\n * @cssprop --md-focus-ring-shape-end-end - The end-end corner shape for the focus ring.\n * @cssprop --md-focus-ring-shape-end-start - The end-start corner shape for the focus ring.\n * @cssprop --md-sys-typescale-label-large-font - The font family for label large.\n * @cssprop --md-sys-typescale-label-large-size - The font size for label large.\n * @cssprop --md-sys-typescale-label-large-tracking - The letter spacing for label large.\n * @cssprop --md-sys-typescale-label-large-height - The line height for label large.\n * @cssprop --md-sys-typescale-label-large-weight - The font weight for label large.\n * @cssprop --md-sys-color-outline-variant - The outline variant color.\n * @cssprop --md-sys-color-secondary-container - The secondary container color.\n * @cssprop --md-icon-size - The size of the icons.\n * @cssprop --md-sys-typescale-title-small-font - The font family for title small.\n * @cssprop --md-sys-typescale-title-small-weight - The font weight for title small.\n * @cssprop --md-sys-typescale-title-small-size - The font size for title small.\n * @cssprop --md-sys-typescale-title-small-tracking - The letter spacing for title small.\n * @cssprop --md-sys-typescale-title-small-height - The line height for title small.\n * @cssprop --md-sys-typescale-body-medium-font - The font family for body medium.\n * @cssprop --md-sys-typescale-body-medium-weight - The font weight for body medium.\n * @cssprop --md-sys-typescale-body-medium-size - The font size for body medium.\n * @cssprop --md-sys-typescale-body-medium-tracking - The letter spacing for body medium.\n * @cssprop --md-sys-typescale-body-medium-height - The line height for body medium.\n \n @typeParam T The type of data items in the table.\n \n @example\n * ```html\n * <data-table\n * .items=\"${myItems}\"\n * selection=\"multi\"\n * @select=\"${handleSelect}\"\n * @activate=\"${handleActivate}\"\n * @scrollend=\"${handleScrollEnd}\"\n * @sort=\"${handleSort}\"\n * overflow\n * >\n * <p slot=\"empty\">No items to display at this time.</p>\n * </data-table>\n * ```\n \n @example\n * ```typescript\n * // Inside a subclass of DataTable.\n * // Rendering a name cell.\n * #nameCell(item: MyItem, row: number, col: number): TemplateResult {\n * return this.renderCell(item.name, row, col, { isPrimary: true });\n * }\n \n // Rendering a header cell.\n * override renderHeader(): TemplateResult[] {\n * return [\n * this.renderHeaderCell('Name', 0, { sort: 'name' }),\n * this.renderHeaderCell('Value', 1, { sort: 'value' }),\n * ];\n * }\n * ```\n /\nexport abstract class DataTable<T extends object> extends LitElement {\n /\n The data items to display in the table.\n /\n @property({ type: Object }) accessor items: LiveData<T[]> \| undefined\n\n /\n The selection mode. Can be \"none\", \"single\", or \"multi\".\n * - `none`: No selection is allowed.\n * - `single`: Only one item can be selected at a time.\n * - `multi`: Multiple items can be selected.\n * @attribute\n * @default \"none\"\n /\n @property({ type: String, reflect: true }) accessor selection: 'none' \| 'single' \| 'multi' = 'none'\n\n /\n The currently selected items.\n * @default []\n /\n @property({ type: Array }) accessor selectedItems: T[] = []\n\n /\n The ARIA label for the table. Used for accessibility.\n * @attribute\n * @default \"Data table\"\n /\n @property({ type: String, reflect: true }) override accessor ariaLabel = 'Data table'\n\n /\n Enables double-click and Enter/Space key activation of table items.\n * When `true`, items can be activated by:\n * - Double-clicking the item.\n * - Focusing on the item and pressing Enter or Space.\n * The `activate` event is dispatched when an item is activated.\n * @attribute\n * @default false\n /\n @property({ type: Boolean }) accessor active = false\n\n /\n Enables the \"load more\" functionality when the user scrolls to the bottom of the table.\n * When `true`, a sentinel element is added to the bottom of the table. When the sentinel\n * becomes visible, the `scrollend` event is dispatched.\n * This is commonly used for infinite scrolling or lazy loading of data.\n * @attribute\n * @default false\n /\n @property({ type: Boolean, reflect: true }) accessor overflow = false\n\n /\n The name of the property to sort the table by. If set, the table will\n * automatically indicate the sortable header.\n * @attribute\n * @default undefined\n /\n @property({ type: String }) accessor sort: string \| undefined\n\n /\n The direction of the sort. Can be \"asc\" (ascending) or \"desc\" (descending).\n * If `sort` is set, this property will be used to determine the sort direction.\n * @attribute\n * @default undefined\n /\n @property({ type: String }) accessor sortDirection: 'asc' \| 'desc' \| undefined\n\n protected lastSelectedIndex = -1\n\n protected observer?: IntersectionObserver\n\n protected sentinel = createRef<HTMLElement>()\n\n /\n The current focus position.\n * It is used to support keyboard navigation.\n \n Initially we always allow to focus on the first cell, which\n * should be the first header cell. The keyboard navigation will\n * take over.\n /\n @state() accessor position: CellPosition = { row: 0, col: 0 }\n\n constructor() {\n super()\n this.handleLiveData = this.handleLiveData.bind(this)\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n if (this.overflow) {\n // Only create the observer if overflow is enabled\n this.createObserver()\n }\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback()\n this.observer?.disconnect()\n this.observer = undefined\n }\n\n override firstUpdated(): void {\n if (this.overflow) {\n this.createObserver()\n }\n }\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n if (cp.has('items')) {\n this.lastSelectedIndex = -1\n this.revalidateSelection()\n }\n }\n\n protected override updated(cp: PropertyValues<this>): void {\n if (cp.has('position')) {\n const { row, col, ignoreFocus = false } = this.position\n if (!ignoreFocus) {\n const cell = this.shadowRoot?.querySelector(`[data-row=\"${row}\"][data-col=\"${col}\"]`) as HTMLElement \| null\n if (cell) {\n cell.focus()\n }\n }\n }\n if (cp.has('items')) {\n const old = cp.get('items')\n if (old) {\n old.removeEventListener('update', this.handleLiveData)\n }\n if (this.items) {\n this.items.addEventListener('update', this.handleLiveData)\n }\n }\n }\n\n handleLiveData(): void {\n this.requestUpdate()\n }\n\n /\n @internal\n * @description Creates and configures an `IntersectionObserver` to detect when the sentinel element is visible,\n * indicating the user has scrolled to the bottom of the table.\n \n This method sets up the observer to watch the sentinel element. When the sentinel intersects with the component's viewport,\n * it triggers the `scrollend` event.\n \n This function is used when `overflow` is set to true.\n \n @returns void\n /\n protected createObserver(): void {\n const { sentinel } = this\n if (!sentinel.value) {\n return\n }\n\n const options: IntersectionObserverInit = {\n root: this, // Observe within the component's viewport\n rootMargin: '0px', // No margin\n threshold: 0.0, // Trigger when the sentinel is 0% visible (at the very bottom)\n }\n\n this.observer = new IntersectionObserver(this.handleIntersection, options)\n this.observer.observe(sentinel.value) // Observe the sentinel.\n }\n\n protected revalidateSelection(): void {\n const { items, selectedItems = [] } = this\n if (!items \|\| selectedItems.length === 0) {\n return\n }\n const filteredSelectedItems = selectedItems.filter((selectedItem) =>\n items.value.some((item) => item === selectedItem)\n )\n if (filteredSelectedItems.length !== selectedItems.length) {\n this.selectedItems = filteredSelectedItems\n this.notifySelect(filteredSelectedItems)\n }\n }\n\n /\n Notifies about the selection change.\n \n This method dispatches a `select` event with the currently selected items.\n \n @param selectedItems - The array of currently selected items.\n /\n protected notifySelect(selectedItems: T[]): void {\n this.dispatchEvent(new CustomEvent('select', { detail: { selectedItems } }))\n }\n\n /\n Notifies about the scroll end event.\n \n This method dispatches a `scrollend` event when the user scrolls to the bottom of the table.\n * It is typically used in conjunction with the `overflow` property to implement infinite scrolling.\n /\n protected notifyScrollEnd(): void {\n this.dispatchEvent(new CustomEvent('scrollend'))\n }\n\n /\n Notifies about the activation of a row.\n \n This method dispatches an `activate` event with the activated item.\n * It is typically used when a row is double-clicked or when the Enter/Space key is pressed while focused on a row.\n \n @param item - The data item that was activated.\n /\n protected notifyActivate(item: T): void {\n this.dispatchEvent(new CustomEvent('activate', { detail: item }))\n }\n\n /\n Notifies about the sorting action.\n \n This method dispatches a `sort` event with the column name and sort direction.\n * It is typically used when a sortable header cell is clicked.\n \n @param column - The name of the column being sorted.\n * @param direction - The sort direction, either \"asc\" (ascending) or \"desc\" (descending).\n /\n protected notifySort(column: string, direction: 'asc' \| 'desc'): void {\n this.dispatchEvent(\n new CustomEvent<DataTableSortEventDetail>('sort', {\n detail: {\n column,\n direction,\n },\n })\n )\n }\n\n /\n @internal\n * @description Handles the intersection of the sentinel element with the viewport.\n \n This method is the callback function for the `IntersectionObserver`. When the sentinel becomes visible,\n * it dispatches the `scrollend` event to signal that the user has reached the bottom of the table.\n \n @param entries - An array of IntersectionObserverEntry objects.\n * @returns void\n /\n handleIntersection: IntersectionObserverCallback = (entries): void => {\n if (entries.some((entry) => entry.isIntersecting)) {\n this.notifyScrollEnd()\n }\n }\n\n /\n @internal\n * @description Extracts information about a cell from an event.\n \n This method analyzes the event's composed path to identify the clicked or focused cell (either `<td>` or `<th>`).\n * It returns the cell element, its column index, and its row index.\n * It is also capable of detecting if the user focused on an interactive element within a cell.\n \n @param e - The event object (typically a MouseEvent or KeyboardEvent).\n * @returns An object containing the cell element, column index, and row index, or `undefined` if the target is not a cell.\n /\n protected infoFromEvent(e: Event): EventCellInfo \| undefined {\n const path = e.composedPath()\n let cell: HTMLElement \| undefined\n for (const current of path.values()) {\n const element = current as Element\n if (element.nodeType !== Node.ELEMENT_NODE) {\n continue\n }\n const isTarget = ['TD', 'TH'].includes(element.nodeName)\n // @TODO: This creates a focus trap and should be investigated.\n if (!isTarget && element.hasAttribute('tabindex')) {\n // It means that the user focusing on an interactive element\n // within a cell and we should abandon whatever we do right now.\n return\n }\n if (isTarget) {\n cell = element as HTMLElement\n break\n }\n }\n if (!cell) {\n return\n }\n const col = Number(cell.dataset.col)\n const row = Number(cell.dataset.row)\n if (isNaN(col) \|\| isNaN(row)) {\n return\n }\n return { cell, col, row }\n }\n\n /\n @internal\n * @description Gets the number of columns and rows of the table.\n \n @returns An object with `cols` and `rows` properties indicating the number of columns and rows.\n /\n protected getSize(): { cols: number; rows: number } {\n const result = { cols: 0, rows: 0 }\n const table = this.shadowRoot?.querySelector('table')\n if (!table) {\n return result\n }\n const row = table.querySelector('tr')\n if (!row) {\n return result\n }\n const columns = row.querySelectorAll('th, td')\n result.cols = columns.length ? columns.length - 1 : 0\n const rows = table.rows\n result.rows = rows.length ? rows.length - 1 : 0\n return result\n }\n\n /\n @internal\n * @description Get the element containing the cell data.\n \n @param col - The column index of the cell.\n * @param row - The row index of the cell.\n * @returns An object with the cell element and `delegateFocus` flag, or `undefined` if the cell does not exist.\n /\n protected getCellInfo(col: number, row: number): { cell: HTMLElement; delegateFocus: boolean } \| undefined {\n const cell = this.shadowRoot?.querySelector(`[data-col=\"${col}\"][data-row=\"${row}\"]`) as HTMLElement \| null\n if (!cell) {\n return\n }\n const delegateFocus = cell.dataset.delegate === 'true'\n return { cell, delegateFocus }\n }\n\n /\n @internal\n * @description Delegates the focus to a specific interactive element within a cell.\n \n This method is used when the cell is configured to handle its own focus management (i.e., `delegateFocus` is `true`).\n \n @param parent - The parent element (the cell) containing the interactive element.\n * @returns void\n /\n protected delegateFocus(parent: HTMLElement): void {\n const delegate = parent.querySelector('[tabindex]') as HTMLElement \| null\n if (delegate) {\n delegate.focus()\n }\n }\n\n /\n @internal\n * @description Moves the focus to the specified cell.\n \n This method updates the component's internal `position` state and then focuses on the corresponding cell.\n * If the cell has the `delegateFocus` property, it delegates the focus to the first interactive element inside of the cell.\n \n @param col - The column index of the cell to focus on.\n * @param row - The row index of the cell to focus on.\n * @returns void\n /\n protected moveFocusTo(col: number, row: number): void {\n const cell = this.getCellInfo(col, row)\n if (!cell) {\n return\n }\n this.position = { row, col }\n if (cell.delegateFocus) {\n this.position.ignoreFocus = true\n this.delegateFocus(cell.cell)\n }\n }\n\n /\n @internal\n * @description Handles keyboard navigation within the table.\n \n This method processes keyboard events to move the focus between cells. It supports arrow keys, Page Up/Down, Home/End, Enter and Space.\n * - ArrowRight: Moves focus to the next cell to the right.\n * - ArrowLeft: Moves focus to the next cell to the left.\n * - ArrowDown: Moves focus to the cell below.\n * - ArrowUp: Moves focus to the cell above.\n * - PageUp: Moves focus to the first row.\n * - PageDown: Moves focus to the last row.\n * - Home: Moves focus to the first cell of the current row (Ctrl+Home moves to the first cell of the first row).\n * - End: Moves focus to the last cell of the current row (Ctrl+End moves to the last cell of the last row).\n * - Enter: Activates the current row.\n * - Space: Manages selection.\n \n @param e - The KeyboardEvent object.\n * @returns void\n /\n protected handleKeyDown(e: KeyboardEvent) {\n if (e.defaultPrevented) {\n return\n }\n const info = this.infoFromEvent(e)\n if (!info) {\n // This also makes sure that when we are focusing on an element\n // within a `delegateFocus` cell, we won't interfere with its events.\n return\n }\n const { code } = e\n const { position } = this\n const size = this.getSize()\n if (code === 'ArrowRight') {\n e.preventDefault()\n if (position.col < size.cols) {\n this.moveFocusTo(position.col + 1, position.row)\n }\n } else if (code === 'ArrowLeft') {\n e.preventDefault()\n if (position.col > 0) {\n this.moveFocusTo(position.col - 1, position.row)\n }\n } else if (code === 'ArrowDown') {\n e.preventDefault()\n if (position.row < size.rows) {\n this.moveFocusTo(position.col, position.row + 1)\n }\n } else if (code === 'ArrowUp') {\n e.preventDefault()\n if (position.row > 0) {\n this.moveFocusTo(position.col, position.row - 1)\n }\n } else if (code === 'PageUp') {\n e.preventDefault()\n if (position.row > 1) {\n this.moveFocusTo(position.col, 1)\n }\n } else if (code === 'PageDown') {\n e.preventDefault()\n if (position.row < size.rows) {\n this.moveFocusTo(position.col, size.rows)\n }\n } else if (code === 'Home') {\n e.preventDefault()\n if (!e.ctrlKey && position.col > 0) {\n this.moveFocusTo(0, position.row)\n } else if (e.ctrlKey && (position.row > 1 \|\| position.col > 0)) {\n this.moveFocusTo(0, 1)\n }\n } else if (code === 'End') {\n e.preventDefault()\n if (!e.ctrlKey && position.col < size.cols) {\n this.moveFocusTo(size.cols, position.row)\n } else if (e.ctrlKey && position.row < size.rows) {\n this.moveFocusTo(size.cols, size.rows)\n }\n } else if (code === 'Enter') {\n e.preventDefault()\n this.activateFromCellInfo(info)\n } else if (code === 'Space') {\n e.preventDefault()\n this.manageSelectionFromEvent(info, e)\n }\n }\n\n /\n @internal\n * @description Handles mouse click events on the table.\n \n @param e - The MouseEvent object.\n * @returns void\n /\n protected handleClick(e: MouseEvent): void {\n if (e.detail === 3) {\n return\n }\n const info = this.infoFromEvent(e)\n if (!info) {\n return\n }\n if (e.detail === 2) {\n this.activateFromCellInfo(info)\n } else {\n this.manageSelectionFromEvent(info, e)\n }\n }\n\n /\n @internal\n * @description Manages the selection state based on a mouse or keyboard event.\n \n This method determines the row and column from the event target and updates the `selectedItems` array accordingly.\n * It supports single, multiple and no selection based on the `selection` property. It also supports shift-click.\n \n @param info - The cell info.\n * @param e - The MouseEvent or KeyboardEvent object.\n * @returns void\n /\n protected manageSelectionFromEvent(info: EventCellInfo, e: MouseEvent \| KeyboardEvent): void {\n if (!this.items) {\n return\n }\n const { row, col } = info\n const index = row - 1\n if (info.row === 0) {\n // Handle sort.\n this.sortFrom(info.cell)\n this.position = { row, col }\n return\n }\n const item = this.items.value[index]\n if (!item) {\n return\n }\n\n const isMultiSelect = this.selection === 'multi'\n if (isMultiSelect && (e.metaKey \|\| e.ctrlKey)) {\n this.toggleSelection(item, 'add')\n } else if (isMultiSelect && e.shiftKey) {\n this.handleShiftClick(index, item)\n } else {\n this.toggleSelection(item, 'replace')\n this.lastSelectedIndex = index\n }\n // This won't cause the focus ring to be rendered because the cell\n // won't have the `tabindex=0`, which is OK with pointer device navigation,\n // but it will keep track of the last cell in case the keyboard navigation starts.\n this.position = { row, col }\n }\n\n /\n @internal\n * @description Handles shift-click for range selection.\n \n When shift-clicking a row, it will select all the items between the last selected item and the clicked item.\n \n @param clickedIndex - The index of the clicked item.\n * @param item - The clicked item.\n * @returns void\n /\n protected handleShiftClick(clickedIndex: number, item: T) {\n if (!this.items) {\n return\n }\n if (this.lastSelectedIndex === -1) {\n // If no previous selection, just select the clicked item.\n this.toggleSelection(item)\n this.lastSelectedIndex = clickedIndex\n return\n }\n const startIndex = Math.min(this.lastSelectedIndex, clickedIndex)\n const endIndex = Math.max(this.lastSelectedIndex, clickedIndex)\n const newSelectedItems = this.items.value.slice(startIndex, endIndex + 1)\n this.selectedItems = newSelectedItems as T[]\n this.notifySelect(newSelectedItems)\n }\n\n /\n @internal\n * @description Activates the row associated with the given event.\n \n This method is called when a row is double-clicked or when the Enter/Space key is pressed while a row is focused.\n \n @param e - The Event object.\n * @returns void\n /\n protected activateFromCellInfo(info: EventCellInfo): void {\n if (!this.items) {\n return\n }\n if (info.row === 0) {\n // Handle sort.\n this.sortFrom(info.cell)\n return\n }\n const item = this.items.value[info.row - 1]\n if (!item) {\n return\n }\n this.notifyActivate(item)\n }\n\n /\n @internal\n * @description Handles sorting logic based on the clicked column header.\n \n This method updates the `sort` and `sortDirection` properties and dispatches the `sort` event.\n \n @param column - The header cell element.\n * @returns void\n /\n protected sortFrom(column: HTMLElement): void {\n const sort = column.dataset.sort\n if (!sort) {\n return\n }\n if (this.sort === sort) {\n this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc'\n } else {\n this.sort = sort\n this.sortDirection = 'asc'\n }\n this.notifySort(this.sort, this.sortDirection)\n }\n\n /\n @public\n * @description Checks if an item is currently selected.\n \n @param item - The item to check.\n * @returns `true` if the item is selected, `false` otherwise.\n /\n isSelected(item: T): boolean {\n return this.selectedItems.includes(item)\n }\n\n /\n @public\n * @description Toggles the selection state of an item.\n \n This method adds or removes an item from the `selectedItems` array.\n \n @param item - The item to toggle selection for.\n * @param mode - The selection mode, either 'replace' or 'add' (defaults to 'replace').\n * @returns void\n /\n toggleSelection(item: T, mode: 'replace' \| 'add' = 'replace') {\n if (this.selection === 'none') {\n return\n }\n\n if (this.selection === 'single') {\n this.selectedItems = [item]\n } else {\n // multi-select\n const index = this.selectedItems.indexOf(item)\n if (mode === 'replace') {\n this.selectedItems = [item]\n } else if (index === -1) {\n this.selectedItems = [...this.selectedItems, item]\n } else {\n this.selectedItems = this.selectedItems.filter((i) => i !== item)\n }\n }\n\n this.notifySelect(this.selectedItems)\n }\n\n /\n @internal\n * @description Renders the table.\n \n @returns A `TemplateResult` for rendering.\n /\n override render(): TemplateResult {\n if (!this.items \|\| !this.items.value.length) {\n return this.renderEmpty()\n }\n const isMulti = this.selection === 'multi'\n return html`\n <table\n part=\"table\"\n role=\"grid\"\n aria-multiselectable=\"${ifDefined(isMulti ? 'true' : undefined)}\"\n aria-label=\"${this.ariaLabel}\"\n @keydown=\"${this.handleKeyDown}\"\n @click=\"${this.handleClick}\"\n >\n <thead>\n <tr role=\"row\">\n ${this.renderHeader()}\n </tr>\n </thead>\n <tbody>\n ${this.items.value.map((item, index) => this.renderRow(item, index))}\n </tbody>\n </table>\n ${this.overflow ? html`<div class=\"scroll-sentinel\" ${ref(this.sentinel)}></div>` : nothing}\n `\n }\n\n /\n @internal\n * @description Renders the empty state of the table.\n \n @returns A `TemplateResult` for rendering.\n /\n renderEmpty(): TemplateResult {\n return html`\n <slot name=\"empty\">\n <p role=\"status\" class=\"empty\">No data to display.</p>\n </slot>\n `\n }\n\n /\n @internal\n * @description Renders the table header cells. Must be implemented by subclasses.\n \n @returns An array of `TemplateResult` objects representing the header cells.\n /\n abstract renderHeader(): TemplateResult[]\n\n /\n @internal\n * @description Renders the cells for a given row item. Must be implemented by subclasses.\n \n @param item The data item for the row.\n * @param index The index that should be passed back to the rendering function. This is not the item index.\n * @returns An array of `TemplateResult` objects representing the cells for the row.\n /\n abstract renderRowValues(item: T, index: number): TemplateResult[]\n\n /\n @internal\n * @description Renders a single row in the table.\n \n @param item - The data item for the row.\n * @param index - The index of the row.\n * @returns A `TemplateResult` for rendering.\n /\n protected renderRow(item: T, index: number): TemplateResult {\n const rowClasses = {\n selected: this.isSelected(item as T),\n }\n\n return html`\n <tr\n role=\"row\"\n aria-selected=\"${this.isSelected(item as T) ? 'true' : 'false'}\"\n data-index=\"${index}\"\n class=\"${classMap(rowClasses)}\"\n >\n ${this.renderRowValues(item, index + 1)}\n </tr>\n `\n }\n\n /\n @internal\n * A helper method to render a standard table cell.\n \n @param content The content of the cell.\n * @param row The 0-based row index of the rendered cell\n * @param col The 0-based column index of the rendered cell\n * @param opts Options for rendering the cell (classes, icon, data attributes).\n * @returns A `TemplateResult` representing the rendered cell.\n /\n protected renderCell(content: unknown, row: number, col: number, opts: CellRenderOptions = {}): TemplateResult {\n const { position } = this\n const { data = {}, classes = [], ariaLabel, delegateFocus = false, isPrimary = false } = opts\n const cellClasses: Record<string, boolean> = { 'grid-cell': true }\n classes?.forEach((c) => (cellClasses[c] = true))\n const isFocused = position?.col === col && position?.row === row\n let index: number \| undefined\n if (!delegateFocus) {\n index = isFocused ? 0 : -1\n }\n const ring = !delegateFocus\n ? html`<ui-focus-ring .inward=\"${this.overflow ? true : false}\"></ui-focus-ring>`\n : nothing\n if (isPrimary) {\n // Lit does not allow dynamic element names so I decided to make a copy.\n return html`\n <th\n role=\"gridcell\"\n class=\"${classMap(cellClasses)}\"\n ${dataAttr(data)}\n aria-label=\"${ifDefined(ariaLabel)}\"\n tabindex=\"${ifDefined(index)}\"\n data-delegate=\"${ifDefined(delegateFocus ? true : undefined)}\"\n data-row=\"${row}\"\n data-col=\"${col}\"\n scope=\"row\"\n part=\"${opts.part ?? 'cell'}\"\n >\n ${ring}\n <div class=\"cell-content\">${content}</div>\n </th>\n `\n }\n return html`\n <td\n role=\"gridcell\"\n class=\"${classMap(cellClasses)}\"\n ${dataAttr(data)}\n aria-label=\"${ifDefined(ariaLabel)}\"\n tabindex=\"${ifDefined(index)}\"\n data-delegate=\"${ifDefined(delegateFocus ? true : undefined)}\"\n data-row=\"${row}\"\n data-col=\"${col}\"\n part=\"${opts.part ?? 'cell'}\"\n >\n ${ring}\n <div class=\"cell-content\">${content}</div>\n </td>\n `\n }\n\n /\n @internal\n * @description Returns the name of the icon to use for sorting indication.\n \n @returns The name of the Material Icon to use (either \"arrow_upward\" or \"arrow_downward\").\n /\n get sortIconName(): string {\n return this.sortDirection === 'asc' ? 'arrow_upward' : 'arrow_downward'\n }\n\n /\n @internal\n * A helper method to render a table header cell.\n \n @param content The content of the header cell.\n * @param opts Options for rendering the header cell (classes, data attributes).\n * @returns A `TemplateResult` representing the rendered header cell.\n */\n protected renderHeaderCell(content: unknown, col: number, opts: HeaderCellRenderOptions = {}): TemplateResult {\n const { position } = this\n const { data = {}, classes = [], sort, delegateFocus = false, ariaLabel } = opts\n const cellClasses: Record<string, boolean> = { 'grid-header': true }\n classes?.forEach((c) => (cellClasses[c] = true))\n const isSortable = !!sort\n const isSorted = this.sort === sort\n const sortIcon = isSorted ? this.sortIconName : undefined\n const isFocused = position?.col === col && position?.row === 0\n let index: number \| undefined\n if (!delegateFocus) {\n index = isFocused ? 0 : -1\n }\n let ariaSort: 'ascending' \| 'descending' \| 'none' \| undefined\n if (isSorted) {\n ariaSort = this.sortDirection === 'asc' ? 'ascending' : 'descending'\n } else if (isSortable) {\n ariaSort = 'none'\n }\n return html`<th\n role=\"columnheader\"\n scope=\"col\"\n class=\"${classMap(cellClasses)}\"\n ${dataAttr(data)}\n aria-sort=\"${ifDefined(ariaSort)}\"\n data-sort=\"${ifDefined(sort)}\"\n data-row=\"0\"\n data-col=\"${col}\"\n tabindex=\"${ifDefined(index)}\"\n data-delegate=\"${ifDefined(delegateFocus ? true : undefined)}\"\n aria-label=\"${ifDefined(ariaLabel)}\"\n part=\"${opts.part ?? 'header-cell'}\"\n >\n <ui-focus-ring .inward=\"${this.overflow ? true : false}\"></ui-focus-ring>\n <div class=\"cell-content\">\n ${content}\n ${isSortable && sortIcon ? html`<ui-icon class=\"sort-icon\" role=\"presentation\">${sortIcon}</ui-icon>` : nothing}\n </div>\n </th> `\n }\n}\n"]}

package/build/src/elements/data-table/DataTable.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.styles.ts"],"names":[],"mappings":";AAEA,~~wBA6FC~~"}
1	+ {"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.styles.ts"],"names":[],"mappings":";AAEA,wBAkGC"}

package/build/src/elements/data-table/DataTable.styles.js CHANGED Viewed

@@ -29,8 +29,8 @@ export default css `
     text-align: left;
   }
-  th:has(md-focus-ring),
-  td:has(md-focus-ring) {
+  th:has(ui-focus-ring),
+  td:has(ui-focus-ring) {
     position: relative;
     outline: none;
   }
@@ -43,6 +43,11 @@ export default css `
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
+  td,
+  th {
+    user-select: none;
+  }
   td:not(.no-padding):not(:first-child):not(:last-child),
   th:not(.no-padding):not(:first-child):not(:last-child) {
     padding: 12px;

package/build/src/elements/data-table/DataTable.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.styles.js","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FjB~~,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n height: 100%;\n }\n\n :host([overflow]) {\n overflow: auto;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n --md-focus-ring-shape-start-start: 0;\n --md-focus-ring-shape-start-end: 0;\n --md-focus-ring-shape-end-end: 0;\n --md-focus-ring-shape-end-start: 0;\n\n color: var(--md-sys-color-on-surface-variant);\n }\n\n th,\n td {\n font-family: var(--md-sys-typescale-label-large-font);\n font-size: var(--md-sys-typescale-label-large-size);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n text-align: left;\n }\n\n th:has(md-focus-ring),\n td:has(md-focus-ring) {\n position: relative;\n outline: none;\n }\n\n th {\n font-weight: var(--md-sys-typescale-label-large-weight);\n }\n\n tr {\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n }\n\n td:not(.no-padding):not(:first-child):not(:last-child),\n th:not(.no-padding):not(:first-child):not(:last-child) {\n padding: 12px;\n }\n\n .cell-content {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n :not([data-delegate='true']) > .cell-content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n [aria-selected='true'] {\n background-color: var(--md-sys-color-secondary-container);\n }\n\n .sort-icon {\n --md-icon-size: 16px;\n }\n\n .primary-cell {\n font-family: var(--md-sys-typescale-title-small-font);\n font-weight: var(--md-sys-typescale-title-small-weight);\n font-size: var(--md-sys-typescale-title-small-size);\n letter-spacing: var(--md-sys-typescale-title-small-tracking);\n line-height: var(--md-sys-typescale-title-small-height);\n }\n\n .scroll-sentinel {\n display: block;\n width: 100%;\n }\n\n .empty,\n ::slotted(.empty) {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n line-height: var(--md-sys-typescale-body-medium-height);\n text-align: center;\n\n color: var(--md-sys-color-on-surface);\n }\n`\n"]}
1	+ {"version":3,"file":"DataTable.styles.js","sourceRoot":"","sources":["../../../../src/elements/data-table/DataTable.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n height: 100%;\n }\n\n :host([overflow]) {\n overflow: auto;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n --md-focus-ring-shape-start-start: 0;\n --md-focus-ring-shape-start-end: 0;\n --md-focus-ring-shape-end-end: 0;\n --md-focus-ring-shape-end-start: 0;\n\n color: var(--md-sys-color-on-surface-variant);\n }\n\n th,\n td {\n font-family: var(--md-sys-typescale-label-large-font);\n font-size: var(--md-sys-typescale-label-large-size);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n text-align: left;\n }\n\n th:has(ui-focus-ring),\n td:has(ui-focus-ring) {\n position: relative;\n outline: none;\n }\n\n th {\n font-weight: var(--md-sys-typescale-label-large-weight);\n }\n\n tr {\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n }\n\n td,\n th {\n user-select: none;\n }\n\n td:not(.no-padding):not(:first-child):not(:last-child),\n th:not(.no-padding):not(:first-child):not(:last-child) {\n padding: 12px;\n }\n\n .cell-content {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n :not([data-delegate='true']) > .cell-content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n [aria-selected='true'] {\n background-color: var(--md-sys-color-secondary-container);\n }\n\n .sort-icon {\n --md-icon-size: 16px;\n }\n\n .primary-cell {\n font-family: var(--md-sys-typescale-title-small-font);\n font-weight: var(--md-sys-typescale-title-small-weight);\n font-size: var(--md-sys-typescale-title-small-size);\n letter-spacing: var(--md-sys-typescale-title-small-tracking);\n line-height: var(--md-sys-typescale-title-small-height);\n }\n\n .scroll-sentinel {\n display: block;\n width: 100%;\n }\n\n .empty,\n ::slotted(.empty) {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n line-height: var(--md-sys-typescale-body-medium-height);\n text-align: center;\n\n color: var(--md-sys-color-on-surface);\n }\n`\n"]}

package/build/src/elements/data-table/data-catalog-table.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/DataCatalogTable.js';
+import '../../md/date/ui-date-time.js';
+import '../../md/button/ui-button.js';
+import '../../md/icons/ui-icon.js';
+import '../../md/listbox/ui-listbox.js';
+import '../../md/list/ui-list-item.js';
+export declare class DataCatalogTableElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'data-catalog-table': DataCatalogTableElement;
+    }
+}
+//# sourceMappingURL=data-catalog-table.d.ts.map

package/build/src/elements/data-table/data-catalog-table.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-catalog-table.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/data-catalog-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,iCAAiC,CAAA;AAIrD,OAAO,+BAA+B,CAAA;AACtC,OAAO,8BAA8B,CAAA;AACrC,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,+BAA+B,CAAA;AAEtC,qBACa,uBAAwB,SAAQ,OAAO;IAClD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAwB;CACpE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAA;KAC9C;CACF"}