@luzmo/ngx-lucero 2.4.2 → 2.5.0

package/esm/components/table.js

@@ -0,0 +1,242 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/lucero/table';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-table>
+ *
+ * @slot (default) - `luzmo-table-head` and `luzmo-table-body`.
+ */
+export class LuzmoTable {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    role;
+    /** Row density. Unset is regular. */
+    density;
+    /** Use the accent color for selected rows and checkboxes. */
+    emphasized;
+    /** Remove the outer border and background. */
+    quiet;
+    /** Scroll the body inside the table's block size, keeping the head in view. */
+    scroller;
+    /** Row selection mode. Unset disables selection. */
+    selects;
+    /** Selected row values. */
+    selected;
+    /** Accessible name of the select-all checkbox. Overrides `labels.selectAll`. */
+    selectAllLabel;
+    /** Row records. Setting an array switches the table to data mode. */
+    items;
+    /** Stable, unique selection value of a data-mode row. Defaults to the item index. */
+    itemValue;
+    /** Accessible name of a data-mode row checkbox. Defaults to the first column's text, then `labels.selectRow`. */
+    itemLabel;
+    /** Cell content of a data-mode row. Return `luzmo-table-cell` elements. */
+    renderItem;
+    /** Expanded row values. Setting `renderDetails` enables data-mode disclosure. */
+    expanded;
+    /** Details content of a data-mode row. Its presence enables row disclosure for every non-information row. */
+    renderDetails;
+    /** Resized column widths, in pixels, keyed by column id. A resize updates this map without changing `columns`. */
+    columnWidths;
+    /** Data-mode columns, used when no `luzmo-table-head` is slotted. */
+    columns;
+    /** Mount only the visible rows. Data mode only; needs a bounded block size. */
+    virtualized;
+    /** Translatable copy. */
+    labels;
+    size;
+    /** `selected` changed. Cancel it to keep the previous selection. */
+    changeEvent = output();
+    /** A sortable header was activated. `detail` is `{ sortKey, sortDirection }`. Cancel it in data mode to skip the client sort. */
+    luzmoTableSorted = output({ alias: 'luzmo-table-sorted' });
+    /** A row's details were expanded or collapsed. `detail` is `{ value, expanded }`. Cancel it to keep the previous state. */
+    luzmoTableRowToggle = output({ alias: 'luzmo-table-row-toggle' });
+    /** A column resize committed. `detail` is `{ columnId, width, columnWidths }`. */
+    luzmoColumnResized = output({ alias: 'luzmo-column-resized' });
+    /** The mounted window of a virtualized table changed. `detail` is `{ first, last }`. */
+    luzmoRangeChanged = output({ alias: 'luzmo-range-changed' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'role':
+                    this.setHostProperty('role', changes['role'].currentValue);
+                    break;
+                case 'density':
+                    this.setHostProperty('density', changes['density'].currentValue);
+                    break;
+                case 'emphasized':
+                    this.setHostProperty('emphasized', changes['emphasized'].currentValue);
+                    break;
+                case 'quiet':
+                    this.setHostProperty('quiet', changes['quiet'].currentValue);
+                    break;
+                case 'scroller':
+                    this.setHostProperty('scroller', changes['scroller'].currentValue);
+                    break;
+                case 'selects':
+                    this.setHostProperty('selects', changes['selects'].currentValue);
+                    break;
+                case 'selected':
+                    this.setHostProperty('selected', changes['selected'].currentValue);
+                    break;
+                case 'selectAllLabel':
+                    this.setHostProperty('selectAllLabel', changes['selectAllLabel'].currentValue);
+                    break;
+                case 'items':
+                    this.setHostProperty('items', changes['items'].currentValue);
+                    break;
+                case 'itemValue':
+                    this.setHostProperty('itemValue', changes['itemValue'].currentValue);
+                    break;
+                case 'itemLabel':
+                    this.setHostProperty('itemLabel', changes['itemLabel'].currentValue);
+                    break;
+                case 'renderItem':
+                    this.setHostProperty('renderItem', changes['renderItem'].currentValue);
+                    break;
+                case 'expanded':
+                    this.setHostProperty('expanded', changes['expanded'].currentValue);
+                    break;
+                case 'renderDetails':
+                    this.setHostProperty('renderDetails', changes['renderDetails'].currentValue);
+                    break;
+                case 'columnWidths':
+                    this.setHostProperty('columnWidths', changes['columnWidths'].currentValue);
+                    break;
+                case 'columns':
+                    this.setHostProperty('columns', changes['columns'].currentValue);
+                    break;
+                case 'virtualized':
+                    this.setHostProperty('virtualized', changes['virtualized'].currentValue);
+                    break;
+                case 'labels':
+                    this.setHostProperty('labels', changes['labels'].currentValue);
+                    break;
+                case 'size':
+                    this.setHostProperty('size', changes['size'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'change', (event) => {
+            this.changeEvent.emit(event);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-table-sorted', (event) => {
+            this.luzmoTableSorted.emit(event);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-table-row-toggle', (event) => {
+            this.luzmoTableRowToggle.emit(event);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-column-resized', (event) => {
+            this.luzmoColumnResized.emit(event);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-range-changed', (event) => {
+            this.luzmoRangeChanged.emit(event);
+        }));
+    }
+    /** Moves focus to the grid's current cell. */
+    focus(options) {
+        return this.host.focus(options);
+    }
+    static ɵfac = function LuzmoTable_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoTable)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTable, selectors: [["luzmo-table"]], inputs: { role: "role", density: "density", emphasized: "emphasized", quiet: "quiet", scroller: "scroller", selects: "selects", selected: "selected", selectAllLabel: "selectAllLabel", items: "items", itemValue: "itemValue", itemLabel: "itemLabel", renderItem: "renderItem", expanded: "expanded", renderDetails: "renderDetails", columnWidths: "columnWidths", columns: "columns", virtualized: "virtualized", labels: "labels", size: "size" }, outputs: { changeEvent: "changeEvent", luzmoTableSorted: "luzmo-table-sorted", luzmoTableRowToggle: "luzmo-table-row-toggle", luzmoColumnResized: "luzmo-column-resized", luzmoRangeChanged: "luzmo-range-changed" }, exportAs: ["luzmoTable"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTable_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTable, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-table',
+                exportAs: 'luzmoTable',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { role: [{
+            type: Input,
+            args: [{ alias: 'role' }]
+        }], density: [{
+            type: Input,
+            args: [{ alias: 'density' }]
+        }], emphasized: [{
+            type: Input,
+            args: [{ alias: 'emphasized' }]
+        }], quiet: [{
+            type: Input,
+            args: [{ alias: 'quiet' }]
+        }], scroller: [{
+            type: Input,
+            args: [{ alias: 'scroller' }]
+        }], selects: [{
+            type: Input,
+            args: [{ alias: 'selects' }]
+        }], selected: [{
+            type: Input,
+            args: [{ alias: 'selected' }]
+        }], selectAllLabel: [{
+            type: Input,
+            args: [{ alias: 'selectAllLabel' }]
+        }], items: [{
+            type: Input,
+            args: [{ alias: 'items' }]
+        }], itemValue: [{
+            type: Input,
+            args: [{ alias: 'itemValue' }]
+        }], itemLabel: [{
+            type: Input,
+            args: [{ alias: 'itemLabel' }]
+        }], renderItem: [{
+            type: Input,
+            args: [{ alias: 'renderItem' }]
+        }], expanded: [{
+            type: Input,
+            args: [{ alias: 'expanded' }]
+        }], renderDetails: [{
+            type: Input,
+            args: [{ alias: 'renderDetails' }]
+        }], columnWidths: [{
+            type: Input,
+            args: [{ alias: 'columnWidths' }]
+        }], columns: [{
+            type: Input,
+            args: [{ alias: 'columns' }]
+        }], virtualized: [{
+            type: Input,
+            args: [{ alias: 'virtualized' }]
+        }], labels: [{
+            type: Input,
+            args: [{ alias: 'labels' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }], luzmoTableSorted: [{ type: i0.Output, args: ["luzmo-table-sorted"] }], luzmoTableRowToggle: [{ type: i0.Output, args: ["luzmo-table-row-toggle"] }], luzmoColumnResized: [{ type: i0.Output, args: ["luzmo-column-resized"] }], luzmoRangeChanged: [{ type: i0.Output, args: ["luzmo-range-changed"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTable, { className: "LuzmoTable", filePath: "components/table.ts", lineNumber: 17 }); })();

package/esm/index.d.ts

@@ -66,6 +66,15 @@ import { LuzmoSwatchGroup } from './components/swatch-group.js';
 import { LuzmoSwitch } from './components/switch.js';
 import { LuzmoTab } from './components/tab.js';
 import { LuzmoTabPanel } from './components/tab-panel.js';
+import { LuzmoTable } from './components/table.js';
+import { LuzmoTableBody } from './components/table-body.js';
+import { LuzmoTableCell } from './components/table-cell.js';
+import { LuzmoTableCheckboxCell } from './components/table-checkbox-cell.js';
+import { LuzmoTableDisclosureCell } from './components/table-disclosure-cell.js';
+import { LuzmoTableHead } from './components/table-head.js';
+import { LuzmoTableHeadCell } from './components/table-head-cell.js';
+import { LuzmoTableRow } from './components/table-row.js';
+import { LuzmoTableRowDetails } from './components/table-row-details.js';
 import { LuzmoTabs } from './components/tabs.js';
 import { LuzmoTabsOverflow } from './components/tabs-overflow.js';
 import { LuzmoTag } from './components/tag.js';
@@ -143,6 +152,15 @@ export { LuzmoSwatchGroup, type LuzmoSwatchGroupElement } from './components/swa
 export { LuzmoSwitch, type LuzmoSwitchElement } from './components/switch.js';
 export { LuzmoTab, type LuzmoTabElement } from './components/tab.js';
 export { LuzmoTabPanel, type LuzmoTabPanelElement } from './components/tab-panel.js';
+export { LuzmoTable, type LuzmoTableElement } from './components/table.js';
+export { LuzmoTableBody, type LuzmoTableBodyElement } from './components/table-body.js';
+export { LuzmoTableCell, type LuzmoTableCellElement } from './components/table-cell.js';
+export { LuzmoTableCheckboxCell, type LuzmoTableCheckboxCellElement } from './components/table-checkbox-cell.js';
+export { LuzmoTableDisclosureCell, type LuzmoTableDisclosureCellElement } from './components/table-disclosure-cell.js';
+export { LuzmoTableHead, type LuzmoTableHeadElement } from './components/table-head.js';
+export { LuzmoTableHeadCell, type LuzmoTableHeadCellElement } from './components/table-head-cell.js';
+export { LuzmoTableRow, type LuzmoTableRowElement } from './components/table-row.js';
+export { LuzmoTableRowDetails, type LuzmoTableRowDetailsElement } from './components/table-row-details.js';
 export { LuzmoTabs, type LuzmoTabsElement } from './components/tabs.js';
 export { LuzmoTabsOverflow, type LuzmoTabsOverflowElement } from './components/tabs-overflow.js';
 export { LuzmoTag, type LuzmoTagElement } from './components/tag.js';
@@ -152,6 +170,6 @@ export { LuzmoToast, type LuzmoToastElement } from './components/toast.js';
 export { LuzmoTooltip, type LuzmoTooltipElement } from './components/tooltip.js';
 export { LuzmoTopNav, type LuzmoTopNavElement } from './components/top-nav.js';
 export { LuzmoTopNavItem, type LuzmoTopNavItemElement } from './components/top-nav-item.js';
-export declare const LUZMO_ANGULAR_COMPONENTS: readonly [typeof LuzmoAccordion, typeof LuzmoAccordionItem, typeof LuzmoActionBar, typeof LuzmoActionButton, typeof LuzmoActionGroup, typeof LuzmoActionMenu, typeof LuzmoAvatar, typeof LuzmoBadge, typeof LuzmoButton, typeof LuzmoButtonGroup, typeof LuzmoCalendar, typeof LuzmoChatMessage, typeof LuzmoChatMessageGroup, typeof LuzmoCheckbox, typeof LuzmoClearButton, typeof LuzmoCloseButton, typeof LuzmoColorArea, typeof LuzmoColorField, typeof LuzmoColorHandle, typeof LuzmoColorLoupe, typeof LuzmoColorMenu, typeof LuzmoColorPalette, typeof LuzmoColorPaletteGroup, typeof LuzmoColorPicker, typeof LuzmoColorSlider, typeof LuzmoDateRangePicker, typeof LuzmoDateTimePicker, typeof LuzmoDivider, typeof LuzmoFieldGroup, typeof LuzmoFieldLabel, typeof LuzmoHelpText, typeof LuzmoIcon, typeof LuzmoInfieldButton, typeof LuzmoLabel, typeof LuzmoMenu, typeof LuzmoMenuDivider, typeof LuzmoMenuGroup, typeof LuzmoMenuItem, typeof LuzmoMultiLanguageField, typeof LuzmoNotice, typeof LuzmoNumberField, typeof LuzmoOption, typeof LuzmoOptions, typeof LuzmoOptionsDivider, typeof LuzmoOverlay, typeof LuzmoOverlayTrigger, typeof LuzmoPicker, typeof LuzmoPickerButton, typeof LuzmoPopover, typeof LuzmoProgressBar, typeof LuzmoProgressCircle, typeof LuzmoProgressSteps, typeof LuzmoPromptBox, typeof LuzmoQuestionBox, typeof LuzmoRadio, typeof LuzmoRadioGroup, typeof LuzmoSearch, typeof LuzmoSelect, typeof LuzmoSkeletonLoader, typeof LuzmoSlider, typeof LuzmoSliderHandle, typeof LuzmoSplitView, typeof LuzmoStatusLight, typeof LuzmoSwatch, typeof LuzmoSwatchGroup, typeof LuzmoSwitch, typeof LuzmoTab, typeof LuzmoTabPanel, typeof LuzmoTabs, typeof LuzmoTabsOverflow, typeof LuzmoTag, typeof LuzmoTags, typeof LuzmoTextField, typeof LuzmoToast, typeof LuzmoTooltip, typeof LuzmoTopNav, typeof LuzmoTopNavItem];
-export declare const LUZMO_ANGULAR_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoAccordionItem", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoClearButton", "LuzmoCloseButton", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoHelpText", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMenuDivider", "LuzmoMenuGroup", "LuzmoMenuItem", "LuzmoMultiLanguageField", "LuzmoNotice", "LuzmoNumberField", "LuzmoOption", "LuzmoOptions", "LuzmoOptionsDivider", "LuzmoOverlay", "LuzmoOverlayTrigger", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoQuestionBox", "LuzmoRadio", "LuzmoRadioGroup", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoSliderHandle", "LuzmoSplitView", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
+export declare const LUZMO_ANGULAR_COMPONENTS: readonly [typeof LuzmoAccordion, typeof LuzmoAccordionItem, typeof LuzmoActionBar, typeof LuzmoActionButton, typeof LuzmoActionGroup, typeof LuzmoActionMenu, typeof LuzmoAvatar, typeof LuzmoBadge, typeof LuzmoButton, typeof LuzmoButtonGroup, typeof LuzmoCalendar, typeof LuzmoChatMessage, typeof LuzmoChatMessageGroup, typeof LuzmoCheckbox, typeof LuzmoClearButton, typeof LuzmoCloseButton, typeof LuzmoColorArea, typeof LuzmoColorField, typeof LuzmoColorHandle, typeof LuzmoColorLoupe, typeof LuzmoColorMenu, typeof LuzmoColorPalette, typeof LuzmoColorPaletteGroup, typeof LuzmoColorPicker, typeof LuzmoColorSlider, typeof LuzmoDateRangePicker, typeof LuzmoDateTimePicker, typeof LuzmoDivider, typeof LuzmoFieldGroup, typeof LuzmoFieldLabel, typeof LuzmoHelpText, typeof LuzmoIcon, typeof LuzmoInfieldButton, typeof LuzmoLabel, typeof LuzmoMenu, typeof LuzmoMenuDivider, typeof LuzmoMenuGroup, typeof LuzmoMenuItem, typeof LuzmoMultiLanguageField, typeof LuzmoNotice, typeof LuzmoNumberField, typeof LuzmoOption, typeof LuzmoOptions, typeof LuzmoOptionsDivider, typeof LuzmoOverlay, typeof LuzmoOverlayTrigger, typeof LuzmoPicker, typeof LuzmoPickerButton, typeof LuzmoPopover, typeof LuzmoProgressBar, typeof LuzmoProgressCircle, typeof LuzmoProgressSteps, typeof LuzmoPromptBox, typeof LuzmoQuestionBox, typeof LuzmoRadio, typeof LuzmoRadioGroup, typeof LuzmoSearch, typeof LuzmoSelect, typeof LuzmoSkeletonLoader, typeof LuzmoSlider, typeof LuzmoSliderHandle, typeof LuzmoSplitView, typeof LuzmoStatusLight, typeof LuzmoSwatch, typeof LuzmoSwatchGroup, typeof LuzmoSwitch, typeof LuzmoTab, typeof LuzmoTabPanel, typeof LuzmoTable, typeof LuzmoTableBody, typeof LuzmoTableCell, typeof LuzmoTableCheckboxCell, typeof LuzmoTableDisclosureCell, typeof LuzmoTableHead, typeof LuzmoTableHeadCell, typeof LuzmoTableRow, typeof LuzmoTableRowDetails, typeof LuzmoTabs, typeof LuzmoTabsOverflow, typeof LuzmoTag, typeof LuzmoTags, typeof LuzmoTextField, typeof LuzmoToast, typeof LuzmoTooltip, typeof LuzmoTopNav, typeof LuzmoTopNavItem];
+export declare const LUZMO_ANGULAR_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoAccordionItem", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoClearButton", "LuzmoCloseButton", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoHelpText", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMenuDivider", "LuzmoMenuGroup", "LuzmoMenuItem", "LuzmoMultiLanguageField", "LuzmoNotice", "LuzmoNumberField", "LuzmoOption", "LuzmoOptions", "LuzmoOptionsDivider", "LuzmoOverlay", "LuzmoOverlayTrigger", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoQuestionBox", "LuzmoRadio", "LuzmoRadioGroup", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoSliderHandle", "LuzmoSplitView", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTable", "LuzmoTableBody", "LuzmoTableCell", "LuzmoTableCheckboxCell", "LuzmoTableDisclosureCell", "LuzmoTableHead", "LuzmoTableHeadCell", "LuzmoTableRow", "LuzmoTableRowDetails", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
 export type LuzmoAngularComponentName = (typeof LUZMO_ANGULAR_COMPONENT_NAMES)[number];

package/esm/index.js

@@ -67,6 +67,15 @@ import { LuzmoSwatchGroup } from './components/swatch-group.js';
 import { LuzmoSwitch } from './components/switch.js';
 import { LuzmoTab } from './components/tab.js';
 import { LuzmoTabPanel } from './components/tab-panel.js';
+import { LuzmoTable } from './components/table.js';
+import { LuzmoTableBody } from './components/table-body.js';
+import { LuzmoTableCell } from './components/table-cell.js';
+import { LuzmoTableCheckboxCell } from './components/table-checkbox-cell.js';
+import { LuzmoTableDisclosureCell } from './components/table-disclosure-cell.js';
+import { LuzmoTableHead } from './components/table-head.js';
+import { LuzmoTableHeadCell } from './components/table-head-cell.js';
+import { LuzmoTableRow } from './components/table-row.js';
+import { LuzmoTableRowDetails } from './components/table-row-details.js';
 import { LuzmoTabs } from './components/tabs.js';
 import { LuzmoTabsOverflow } from './components/tabs-overflow.js';
 import { LuzmoTag } from './components/tag.js';
@@ -144,6 +153,15 @@ export { LuzmoSwatchGroup } from './components/swatch-group.js';
 export { LuzmoSwitch } from './components/switch.js';
 export { LuzmoTab } from './components/tab.js';
 export { LuzmoTabPanel } from './components/tab-panel.js';
+export { LuzmoTable } from './components/table.js';
+export { LuzmoTableBody } from './components/table-body.js';
+export { LuzmoTableCell } from './components/table-cell.js';
+export { LuzmoTableCheckboxCell } from './components/table-checkbox-cell.js';
+export { LuzmoTableDisclosureCell } from './components/table-disclosure-cell.js';
+export { LuzmoTableHead } from './components/table-head.js';
+export { LuzmoTableHeadCell } from './components/table-head-cell.js';
+export { LuzmoTableRow } from './components/table-row.js';
+export { LuzmoTableRowDetails } from './components/table-row-details.js';
 export { LuzmoTabs } from './components/tabs.js';
 export { LuzmoTabsOverflow } from './components/tabs-overflow.js';
 export { LuzmoTag } from './components/tag.js';
@@ -222,6 +240,15 @@ export const LUZMO_ANGULAR_COMPONENTS = [
     LuzmoSwitch,
     LuzmoTab,
     LuzmoTabPanel,
+    LuzmoTable,
+    LuzmoTableBody,
+    LuzmoTableCell,
+    LuzmoTableCheckboxCell,
+    LuzmoTableDisclosureCell,
+    LuzmoTableHead,
+    LuzmoTableHeadCell,
+    LuzmoTableRow,
+    LuzmoTableRowDetails,
     LuzmoTabs,
     LuzmoTabsOverflow,
     LuzmoTag,
@@ -301,6 +328,15 @@ export const LUZMO_ANGULAR_COMPONENT_NAMES = [
     'LuzmoSwitch',
     'LuzmoTab',
     'LuzmoTabPanel',
+    'LuzmoTable',
+    'LuzmoTableBody',
+    'LuzmoTableCell',
+    'LuzmoTableCheckboxCell',
+    'LuzmoTableDisclosureCell',
+    'LuzmoTableHead',
+    'LuzmoTableHeadCell',
+    'LuzmoTableRow',
+    'LuzmoTableRowDetails',
     'LuzmoTabs',
     'LuzmoTabsOverflow',
     'LuzmoTag',

package/package.json

@@ -29,9 +29,9 @@
   "peerDependencies": {
     "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
-    "@luzmo/lucero": "2.4.2"
+    "@luzmo/lucero": "2.5.0"
   },
-  "version": "2.4.2",
+  "version": "2.5.0",
   "peerDependenciesMeta": {
     "@angular/forms": {
       "optional": true