@lamenna/lxp-angular 0.0.7 → 0.1.0

package/dist/fesm2022/lamenna-lxp-angular.mjs

@@ -1,8 +1,11 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, Output, Input, Component } from '@angular/core';
-import { buttonConfig } from '@lamenna/lxp-shared-components';
+import { EventEmitter, HostBinding, Output, Input, Component, Injectable } from '@angular/core';
+import { buttonConfig, tableThemeConfig, tableConfig, defaultTheme } from '@lamenna/lxp-shared-components';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
 
 class ButtonComponent {
     content;
@@ -13,7 +16,12 @@ class ButtonComponent {
     id;
     ariaLabel;
     testID;
-    label;
+    get label() {
+        return this.content;
+    }
+    set label(value) {
+        this.content = value;
+    }
     onClick = new EventEmitter();
     get hostStyles() {
         const variantConfig = buttonConfig.variants[this.variant];
@@ -31,8 +39,8 @@ class ButtonComponent {
             [this.className || ""]: !!this.className,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: ButtonComponent, isStandalone: true, selector: "lxp-button", inputs: { content: "content", variant: "variant", size: "size", disabled: "disabled", className: "className", id: "id", ariaLabel: "ariaLabel", testID: "testID", label: "label" }, outputs: { onClick: "onClick" }, host: { properties: { "style": "this.hostStyles" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: ButtonComponent, isStandalone: true, selector: "lxp-button", inputs: { content: "content", variant: "variant", size: "size", disabled: "disabled", className: "className", id: "id", ariaLabel: "ariaLabel", testID: "testID", label: "label" }, outputs: { onClick: "onClick" }, host: { properties: { "style": "this.hostStyles" } }, ngImport: i0, template: `
     <button
       [attr.id]="id"
       [attr.data-testid]="testID"
@@ -45,7 +53,7 @@ class ButtonComponent {
     </button>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "lxp-button",
@@ -89,9 +97,671 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 args: ["style"]
             }] } });
 
+class TableComponent {
+    columns = [];
+    data = [];
+    actions = [];
+    selectable = false;
+    showPagination = true;
+    showSearch = true;
+    loading = false;
+    theme = "tera";
+    title;
+    titleLink;
+    serverSide = false;
+    totalCount;
+    currentPage;
+    pageSize;
+    pageSizeOptions;
+    emptyState;
+    enableRowClick = false;
+    searchPlaceholder;
+    onSelectionChange = new EventEmitter();
+    onPageChange = new EventEmitter();
+    onPageSizeChange = new EventEmitter();
+    onSearch = new EventEmitter();
+    onRowClick = new EventEmitter();
+    get fontFamily() {
+        return tableThemeConfig[this.theme].fontFamily;
+    }
+    defaultTitle = tableConfig.defaultTitle;
+    loadingMessage = tableConfig.loadingMessage;
+    searchTerm = "";
+    selectedRows = [];
+    get columnSpan() {
+        return (this.columns.length +
+            (this.selectable ? 1 : 0) +
+            (this.actions?.length ? 1 : 0));
+    }
+    get totalItems() {
+        if (this.serverSide) {
+            return this.totalCount ?? this.data.length;
+        }
+        return this.filteredData.length;
+    }
+    get currentPageInternal() {
+        return this.currentPage ?? this._currentPage;
+    }
+    get pageSizeInternal() {
+        return this.pageSize ?? this._pageSize;
+    }
+    get pageSizeOptionsInternal() {
+        return this.pageSizeOptions ?? tableConfig.defaultPageSizeOptions;
+    }
+    _currentPage = 1;
+    _pageSize = tableConfig.defaultPageSize;
+    get filteredData() {
+        if (!this.showSearch || !this.searchTerm.trim()) {
+            return this.data;
+        }
+        const term = this.searchTerm.toLowerCase();
+        return this.data.filter((row) => Object.values(row).some((value) => String(typeof value === "object" && value !== null
+            ? value.line1 ?? value.line2 ?? ""
+            : value ?? "")
+            .toLowerCase()
+            .includes(term)));
+    }
+    get pagedData() {
+        if (!this.showPagination || this.serverSide) {
+            return this.filteredData;
+        }
+        const start = (this.currentPageInternal - 1) * this.pageSizeInternal;
+        return this.filteredData.slice(start, start + this.pageSizeInternal);
+    }
+    get totalPages() {
+        if (!this.showPagination) {
+            return 1;
+        }
+        return Math.max(1, Math.ceil(this.totalItems / this.pageSizeInternal));
+    }
+    isRichCell(value) {
+        return (value &&
+            typeof value === "object" &&
+            ("line1" in value || "line2" in value || "text" in value || "name" in value));
+    }
+    isRowSelected(index) {
+        return this.selectedRows.includes(index);
+    }
+    globalRowIndex(localIndex) {
+        if (this.serverSide) {
+            return localIndex;
+        }
+        return (this.currentPageInternal - 1) * this.pageSizeInternal + localIndex;
+    }
+    toggleRowSelection(index) {
+        const exists = this.selectedRows.includes(index);
+        this.selectedRows = exists
+            ? this.selectedRows.filter((i) => i !== index)
+            : [...this.selectedRows, index];
+        this.onSelectionChange.emit(this.selectedRows);
+    }
+    get emptyMessage() {
+        const custom = this.emptyState?.message;
+        const showDefault = this.emptyState?.showDefault ?? true;
+        if (custom)
+            return custom;
+        return showDefault ? tableConfig.emptyMessage : "";
+    }
+    onSearchChange(term) {
+        const value = typeof term === "string"
+            ? term
+            : term?.target?.value ?? "";
+        this.searchTerm = value;
+        this.onSearch.emit({
+            page: this.currentPageInternal,
+            pageSize: this.pageSizeInternal,
+            searchTerm: value,
+            filters: {},
+        });
+    }
+    onPageChangeInternal(nextPage) {
+        if (nextPage < 1 || nextPage > this.totalPages)
+            return;
+        if (this.currentPage == null) {
+            this._currentPage = nextPage;
+        }
+        this.onPageChange.emit({
+            page: nextPage,
+            pageSize: this.pageSizeInternal,
+            searchTerm: this.searchTerm,
+            filters: {},
+        });
+    }
+    onPageSizeChangeInternal(nextSize) {
+        const size = typeof nextSize === "number" ? nextSize : Number(nextSize ?? 0);
+        if (this.pageSize == null) {
+            this._pageSize = size;
+            this._currentPage = 1;
+        }
+        this.onPageSizeChange.emit({
+            page: 1,
+            pageSize: size,
+            searchTerm: this.searchTerm,
+            filters: {},
+        });
+    }
+    handleRowClick(row, localIndex) {
+        if (!this.enableRowClick)
+            return;
+        const globalIndex = this.globalRowIndex(localIndex);
+        this.onRowClick.emit({ row, index: globalIndex });
+    }
+    isActionDisabled(action, row) {
+        return action.disabled ? action.disabled(row) : false;
+    }
+    runAction(action, row) {
+        if (this.isActionDisabled(action, row))
+            return;
+        action.action(row);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: TableComponent, isStandalone: true, selector: "lxp-table", inputs: { columns: "columns", data: "data", actions: "actions", selectable: "selectable", showPagination: "showPagination", showSearch: "showSearch", loading: "loading", theme: "theme", title: "title", titleLink: "titleLink", serverSide: "serverSide", totalCount: "totalCount", currentPage: "currentPage", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", emptyState: "emptyState", enableRowClick: "enableRowClick", searchPlaceholder: "searchPlaceholder" }, outputs: { onSelectionChange: "onSelectionChange", onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange", onSearch: "onSearch", onRowClick: "onRowClick" }, host: { properties: { "style.fontFamily": "this.fontFamily" } }, ngImport: i0, template: `
+    <div class="lxp-table">
+      <div class="lxp-table__header">
+        <div class="lxp-table__title">
+          <h3 class="lxp-table__title-text">{{ title || defaultTitle }}</h3>
+          <span
+            *ngIf="totalItems > 0"
+            class="lxp-table__title-count"
+          >
+            ({{ totalItems }})
+          </span>
+        </div>
+
+        <div class="lxp-table__controls" *ngIf="showSearch">
+          <input
+            type="search"
+            class="lxp-table__search"
+            [placeholder]="searchPlaceholder || 'Search...'"
+            [(ngModel)]="searchTerm"
+            (ngModelChange)="onSearchChange($event)"
+          />
+        </div>
+      </div>
+
+      <div class="lxp-table__body-wrapper">
+        <table class="lxp-table__table">
+          <thead>
+            <tr>
+              <th
+                *ngIf="selectable"
+                class="lxp-table__cell lxp-table__cell--checkbox"
+              ></th>
+              <th
+                *ngFor="let column of columns"
+                class="lxp-table__cell lxp-table__cell--header"
+                [style.text-align]="column.align || 'left'"
+              >
+                {{ column.label }}
+              </th>
+              <th
+                *ngIf="actions?.length"
+                class="lxp-table__cell lxp-table__cell--header lxp-table__cell--actions"
+              >
+                Actions
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngIf="loading">
+              <td
+                class="lxp-table__cell lxp-table__cell--status"
+                [attr.colspan]="columnSpan"
+              >
+                {{ loadingMessage }}
+              </td>
+            </tr>
+
+            <tr *ngIf="!loading && pagedData.length === 0">
+              <td
+                class="lxp-table__cell lxp-table__cell--status"
+                [attr.colspan]="columnSpan"
+              >
+                {{ emptyMessage }}
+              </td>
+            </tr>
+
+            <tr
+              *ngFor="let row of pagedData; let rowIndex = index"
+              class="lxp-table__row"
+              (click)="handleRowClick(row, rowIndex)"
+            >
+              <td
+                *ngIf="selectable"
+                class="lxp-table__cell lxp-table__cell--checkbox"
+              >
+                <input
+                  type="checkbox"
+                  [checked]="isRowSelected(globalRowIndex(rowIndex))"
+                  (click)="$event.stopPropagation()"
+                  (change)="toggleRowSelection(globalRowIndex(rowIndex))"
+                />
+              </td>
+
+              <td
+                *ngFor="let column of columns"
+                class="lxp-table__cell"
+                [style.text-align]="column.align || 'left'"
+              >
+                <ng-container [ngTemplateOutlet]="cellTemplate"
+                              [ngTemplateOutletContext]="{ column: column, row: row }">
+                </ng-container>
+              </td>
+
+              <td
+                *ngIf="actions?.length"
+                class="lxp-table__cell lxp-table__cell--actions"
+              >
+                <button
+                  *ngFor="let action of actions"
+                  type="button"
+                  class="lxp-table__action"
+                  [disabled]="isActionDisabled(action, row)"
+                  (click)="runAction(action, row); $event.stopPropagation()"
+                >
+                  {{ action.label }}
+                </button>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div
+        *ngIf="showPagination && totalPages > 1"
+        class="lxp-table__footer"
+      >
+        <div class="lxp-table__footer-info">
+          Page {{ currentPageInternal }} of {{ totalPages }}
+        </div>
+        <div class="lxp-table__footer-controls">
+          <label class="lxp-table__page-size">
+            <span>Rows per page</span>
+            <select
+              [ngModel]="pageSizeInternal"
+              (ngModelChange)="onPageSizeChangeInternal($event)"
+            >
+              <option *ngFor="let size of pageSizeOptionsInternal" [ngValue]="size">
+                {{ size }}
+              </option>
+            </select>
+          </label>
+
+          <button
+            type="button"
+            class="lxp-table__pager"
+            [disabled]="currentPageInternal === 1"
+            (click)="onPageChangeInternal(currentPageInternal - 1)"
+          >
+            Previous
+          </button>
+          <button
+            type="button"
+            class="lxp-table__pager"
+            [disabled]="currentPageInternal === totalPages"
+            (click)="onPageChangeInternal(currentPageInternal + 1)"
+          >
+            Next
+          </button>
+        </div>
+      </div>
+
+      <ng-template #cellTemplate let-column="column" let-row="row">
+        <ng-container *ngIf="column.render; else defaultCell">
+          {{ column.render(row[column.key], row) }}
+        </ng-container>
+        <ng-template #defaultCell>
+          <ng-container
+            *ngIf="isRichCell(row[column.key]); else plainCell"
+          >
+            <div class="lxp-table__cell-text">
+              <div class="lxp-table__cell-line1">
+                {{ row[column.key].line1 || row[column.key].text || row[column.key].name }}
+              </div>
+              <div
+                *ngIf="row[column.key].line2"
+                class="lxp-table__cell-line2"
+              >
+                {{ row[column.key].line2 }}
+              </div>
+            </div>
+          </ng-container>
+          <ng-template #plainCell>
+            {{ row[column.key] }}
+          </ng-template>
+        </ng-template>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "lxp-table",
+                    standalone: true,
+                    imports: [CommonModule, FormsModule],
+                    template: `
+    <div class="lxp-table">
+      <div class="lxp-table__header">
+        <div class="lxp-table__title">
+          <h3 class="lxp-table__title-text">{{ title || defaultTitle }}</h3>
+          <span
+            *ngIf="totalItems > 0"
+            class="lxp-table__title-count"
+          >
+            ({{ totalItems }})
+          </span>
+        </div>
+
+        <div class="lxp-table__controls" *ngIf="showSearch">
+          <input
+            type="search"
+            class="lxp-table__search"
+            [placeholder]="searchPlaceholder || 'Search...'"
+            [(ngModel)]="searchTerm"
+            (ngModelChange)="onSearchChange($event)"
+          />
+        </div>
+      </div>
+
+      <div class="lxp-table__body-wrapper">
+        <table class="lxp-table__table">
+          <thead>
+            <tr>
+              <th
+                *ngIf="selectable"
+                class="lxp-table__cell lxp-table__cell--checkbox"
+              ></th>
+              <th
+                *ngFor="let column of columns"
+                class="lxp-table__cell lxp-table__cell--header"
+                [style.text-align]="column.align || 'left'"
+              >
+                {{ column.label }}
+              </th>
+              <th
+                *ngIf="actions?.length"
+                class="lxp-table__cell lxp-table__cell--header lxp-table__cell--actions"
+              >
+                Actions
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngIf="loading">
+              <td
+                class="lxp-table__cell lxp-table__cell--status"
+                [attr.colspan]="columnSpan"
+              >
+                {{ loadingMessage }}
+              </td>
+            </tr>
+
+            <tr *ngIf="!loading && pagedData.length === 0">
+              <td
+                class="lxp-table__cell lxp-table__cell--status"
+                [attr.colspan]="columnSpan"
+              >
+                {{ emptyMessage }}
+              </td>
+            </tr>
+
+            <tr
+              *ngFor="let row of pagedData; let rowIndex = index"
+              class="lxp-table__row"
+              (click)="handleRowClick(row, rowIndex)"
+            >
+              <td
+                *ngIf="selectable"
+                class="lxp-table__cell lxp-table__cell--checkbox"
+              >
+                <input
+                  type="checkbox"
+                  [checked]="isRowSelected(globalRowIndex(rowIndex))"
+                  (click)="$event.stopPropagation()"
+                  (change)="toggleRowSelection(globalRowIndex(rowIndex))"
+                />
+              </td>
+
+              <td
+                *ngFor="let column of columns"
+                class="lxp-table__cell"
+                [style.text-align]="column.align || 'left'"
+              >
+                <ng-container [ngTemplateOutlet]="cellTemplate"
+                              [ngTemplateOutletContext]="{ column: column, row: row }">
+                </ng-container>
+              </td>
+
+              <td
+                *ngIf="actions?.length"
+                class="lxp-table__cell lxp-table__cell--actions"
+              >
+                <button
+                  *ngFor="let action of actions"
+                  type="button"
+                  class="lxp-table__action"
+                  [disabled]="isActionDisabled(action, row)"
+                  (click)="runAction(action, row); $event.stopPropagation()"
+                >
+                  {{ action.label }}
+                </button>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div
+        *ngIf="showPagination && totalPages > 1"
+        class="lxp-table__footer"
+      >
+        <div class="lxp-table__footer-info">
+          Page {{ currentPageInternal }} of {{ totalPages }}
+        </div>
+        <div class="lxp-table__footer-controls">
+          <label class="lxp-table__page-size">
+            <span>Rows per page</span>
+            <select
+              [ngModel]="pageSizeInternal"
+              (ngModelChange)="onPageSizeChangeInternal($event)"
+            >
+              <option *ngFor="let size of pageSizeOptionsInternal" [ngValue]="size">
+                {{ size }}
+              </option>
+            </select>
+          </label>
+
+          <button
+            type="button"
+            class="lxp-table__pager"
+            [disabled]="currentPageInternal === 1"
+            (click)="onPageChangeInternal(currentPageInternal - 1)"
+          >
+            Previous
+          </button>
+          <button
+            type="button"
+            class="lxp-table__pager"
+            [disabled]="currentPageInternal === totalPages"
+            (click)="onPageChangeInternal(currentPageInternal + 1)"
+          >
+            Next
+          </button>
+        </div>
+      </div>
+
+      <ng-template #cellTemplate let-column="column" let-row="row">
+        <ng-container *ngIf="column.render; else defaultCell">
+          {{ column.render(row[column.key], row) }}
+        </ng-container>
+        <ng-template #defaultCell>
+          <ng-container
+            *ngIf="isRichCell(row[column.key]); else plainCell"
+          >
+            <div class="lxp-table__cell-text">
+              <div class="lxp-table__cell-line1">
+                {{ row[column.key].line1 || row[column.key].text || row[column.key].name }}
+              </div>
+              <div
+                *ngIf="row[column.key].line2"
+                class="lxp-table__cell-line2"
+              >
+                {{ row[column.key].line2 }}
+              </div>
+            </div>
+          </ng-container>
+          <ng-template #plainCell>
+            {{ row[column.key] }}
+          </ng-template>
+        </ng-template>
+      </ng-template>
+    </div>
+  `,
+                }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], showPagination: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], titleLink: [{
+                type: Input
+            }], serverSide: [{
+                type: Input
+            }], totalCount: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], emptyState: [{
+                type: Input
+            }], enableRowClick: [{
+                type: Input
+            }], searchPlaceholder: [{
+                type: Input
+            }], onSelectionChange: [{
+                type: Output
+            }], onPageChange: [{
+                type: Output
+            }], onPageSizeChange: [{
+                type: Output
+            }], onSearch: [{
+                type: Output
+            }], onRowClick: [{
+                type: Output
+            }], fontFamily: [{
+                type: HostBinding,
+                args: ["style.fontFamily"]
+            }] } });
+
+class ThemeService {
+    themeSubject = new BehaviorSubject(defaultTheme);
+    theme$ = this.themeSubject.asObservable();
+    get theme() {
+        return this.themeSubject.value;
+    }
+    setTheme(theme) {
+        this.themeSubject.next(theme);
+    }
+    toggleTheme() {
+        this.themeSubject.next(this.theme === "tera" ? "cynk" : "tera");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class ThemeSwitcherComponent {
+    themeService;
+    className;
+    showLabels = true;
+    constructor(themeService) {
+        this.themeService = themeService;
+    }
+    get label() {
+        return this.themeService.theme === "tera" ? "Tera theme" : "Cynk theme";
+    }
+    get shortLabel() {
+        return this.themeService.theme === "tera" ? "T" : "C";
+    }
+    get buttonTitle() {
+        const next = this.themeService.theme === "tera" ? "Cynk" : "Tera";
+        return `Switch to ${next} theme`;
+    }
+    toggleTheme() {
+        this.themeService.toggleTheme();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeSwitcherComponent, deps: [{ token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: ThemeSwitcherComponent, isStandalone: true, selector: "lxp-theme-switcher", inputs: { className: "className", showLabels: "showLabels" }, ngImport: i0, template: `
+    <button
+      type="button"
+      class="lxp-theme-switcher"
+      [ngClass]="className"
+      (click)="toggleTheme()"
+      [title]="buttonTitle"
+    >
+      <ng-container *ngIf="showLabels; else iconOnly">
+        {{ label }}
+      </ng-container>
+      <ng-template #iconOnly>
+        {{ shortLabel }}
+      </ng-template>
+    </button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "lxp-theme-switcher",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <button
+      type="button"
+      class="lxp-theme-switcher"
+      [ngClass]="className"
+      (click)="toggleTheme()"
+      [title]="buttonTitle"
+    >
+      <ng-container *ngIf="showLabels; else iconOnly">
+        {{ label }}
+      </ng-container>
+      <ng-template #iconOnly>
+        {{ shortLabel }}
+      </ng-template>
+    </button>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: ThemeService }], propDecorators: { className: [{
+                type: Input
+            }], showLabels: [{
+                type: Input
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent };
+export { ButtonComponent, TableComponent, ThemeService, ThemeSwitcherComponent };
 //# sourceMappingURL=lamenna-lxp-angular.mjs.map

package/dist/fesm2022/lamenna-lxp-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lamenna-lxp-angular.mjs","sources":["../../src/components/button/button.component.ts","../../src/lamenna-lxp-angular.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostBinding,\n} from \"@angular/core\";\nimport {\n  AngularButtonProps,\n  ButtonVariant,\n  ButtonSize,\n  buttonConfig,\n} from \"@lamenna/lxp-shared-components\";\n\n@Component({\n  selector: \"lxp-button\",\n  template: `\n    <button\n      [attr.id]=\"id\"\n      [attr.data-testid]=\"testID\"\n      [attr.aria-label]=\"ariaLabel\"\n      [disabled]=\"disabled\"\n      (click)=\"onClick.emit($event)\"\n      [ngClass]=\"buttonClasses\"\n    >\n      {{ content }}\n    </button>\n  `,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class ButtonComponent implements AngularButtonProps {\n  @Input() content?: string;\n  @Input() variant: ButtonVariant = \"primary\";\n  @Input() size: ButtonSize = \"md\";\n  @Input() disabled: boolean = false;\n  @Input() className?: string;\n  @Input() id?: string;\n  @Input() ariaLabel?: string;\n  @Input() testID?: string;\n  @Input() label?: string;\n\n  @Output() onClick = new EventEmitter<MouseEvent>();\n\n  @HostBinding(\"style\") get hostStyles() {\n    const variantConfig = buttonConfig.variants[this.variant];\n    const sizeConfig = buttonConfig.sizes[this.size];\n    return {\n      ...buttonConfig.common,\n      ...variantConfig,\n      ...sizeConfig,\n      opacity: this.disabled ? \"0.6\" : \"1\",\n      pointerEvents: this.disabled ? \"none\" : \"auto\",\n    };\n  }\n\n  get buttonClasses() {\n    return {\n      [this.className || \"\"]: !!this.className,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgCa,eAAe,CAAA;AACjB,IAAA,OAAO;IACP,OAAO,GAAkB,SAAS;IAClC,IAAI,GAAe,IAAI;IACvB,QAAQ,GAAY,KAAK;AACzB,IAAA,SAAS;AACT,IAAA,EAAE;AACF,IAAA,SAAS;AACT,IAAA,MAAM;AACN,IAAA,KAAK;AAEJ,IAAA,OAAO,GAAG,IAAI,YAAY,EAAc;AAElD,IAAA,IAA0B,UAAU,GAAA;QAClC,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;QACzD,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAChD,OAAO;YACL,GAAG,YAAY,CAAC,MAAM;AACtB,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,UAAU;YACb,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,GAAG;YACpC,aAAa,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM;SAC/C;IACH;AAEA,IAAA,IAAI,aAAa,GAAA;QACf,OAAO;YACL,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS;SACzC;IACH;uGA7BW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfhB;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAES,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAEX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAjB3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBAEA,WAAW;uBAAC,OAAO;;;AC7CtB;;AAEG;;;;"}
+{"version":3,"file":"lamenna-lxp-angular.mjs","sources":["../../src/components/button/button.component.ts","../../src/components/table/table.component.ts","../../src/theme/theme.service.ts","../../src/components/theme-switcher/theme-switcher.component.ts","../../src/lamenna-lxp-angular.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostBinding,\n} from \"@angular/core\";\nimport {\n  AngularButtonProps,\n  ButtonVariant,\n  ButtonSize,\n  buttonConfig,\n} from \"@lamenna/lxp-shared-components\";\n\n@Component({\n  selector: \"lxp-button\",\n  template: `\n    <button\n      [attr.id]=\"id\"\n      [attr.data-testid]=\"testID\"\n      [attr.aria-label]=\"ariaLabel\"\n      [disabled]=\"disabled\"\n      (click)=\"onClick.emit($event)\"\n      [ngClass]=\"buttonClasses\"\n    >\n      {{ content }}\n    </button>\n  `,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class ButtonComponent implements AngularButtonProps {\n  @Input() content?: string;\n  @Input() variant: ButtonVariant = \"primary\";\n  @Input() size: ButtonSize = \"md\";\n  @Input() disabled: boolean = false;\n  @Input() className?: string;\n  @Input() id?: string;\n  @Input() ariaLabel?: string;\n  @Input() testID?: string;\n  @Input()\n  get label(): string | undefined {\n    return this.content;\n  }\n  set label(value: string | undefined) {\n    this.content = value;\n  }\n\n  @Output() onClick = new EventEmitter<MouseEvent>();\n\n  @HostBinding(\"style\") get hostStyles() {\n    const variantConfig = buttonConfig.variants[this.variant];\n    const sizeConfig = buttonConfig.sizes[this.size];\n    return {\n      ...buttonConfig.common,\n      ...variantConfig,\n      ...sizeConfig,\n      opacity: this.disabled ? \"0.6\" : \"1\",\n      pointerEvents: this.disabled ? \"none\" : \"auto\",\n    };\n  }\n\n  get buttonClasses() {\n    return {\n      [this.className || \"\"]: !!this.className,\n    };\n  }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n} from \"@angular/core\";\nimport {\n  BaseTableProps,\n  TableColumn,\n  TableAction,\n  TablePageChange,\n  TableSearchData,\n  TableThemeKey,\n  tableConfig,\n  tableThemeConfig,\n} from \"@lamenna/lxp-shared-components\";\n\n@Component({\n  selector: \"lxp-table\",\n  standalone: true,\n  imports: [CommonModule, FormsModule],\n  template: `\n    <div class=\"lxp-table\">\n      <div class=\"lxp-table__header\">\n        <div class=\"lxp-table__title\">\n          <h3 class=\"lxp-table__title-text\">{{ title || defaultTitle }}</h3>\n          <span\n            *ngIf=\"totalItems > 0\"\n            class=\"lxp-table__title-count\"\n          >\n            ({{ totalItems }})\n          </span>\n        </div>\n\n        <div class=\"lxp-table__controls\" *ngIf=\"showSearch\">\n          <input\n            type=\"search\"\n            class=\"lxp-table__search\"\n            [placeholder]=\"searchPlaceholder || 'Search...'\"\n            [(ngModel)]=\"searchTerm\"\n            (ngModelChange)=\"onSearchChange($event)\"\n          />\n        </div>\n      </div>\n\n      <div class=\"lxp-table__body-wrapper\">\n        <table class=\"lxp-table__table\">\n          <thead>\n            <tr>\n              <th\n                *ngIf=\"selectable\"\n                class=\"lxp-table__cell lxp-table__cell--checkbox\"\n              ></th>\n              <th\n                *ngFor=\"let column of columns\"\n                class=\"lxp-table__cell lxp-table__cell--header\"\n                [style.text-align]=\"column.align || 'left'\"\n              >\n                {{ column.label }}\n              </th>\n              <th\n                *ngIf=\"actions?.length\"\n                class=\"lxp-table__cell lxp-table__cell--header lxp-table__cell--actions\"\n              >\n                Actions\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngIf=\"loading\">\n              <td\n                class=\"lxp-table__cell lxp-table__cell--status\"\n                [attr.colspan]=\"columnSpan\"\n              >\n                {{ loadingMessage }}\n              </td>\n            </tr>\n\n            <tr *ngIf=\"!loading && pagedData.length === 0\">\n              <td\n                class=\"lxp-table__cell lxp-table__cell--status\"\n                [attr.colspan]=\"columnSpan\"\n              >\n                {{ emptyMessage }}\n              </td>\n            </tr>\n\n            <tr\n              *ngFor=\"let row of pagedData; let rowIndex = index\"\n              class=\"lxp-table__row\"\n              (click)=\"handleRowClick(row, rowIndex)\"\n            >\n              <td\n                *ngIf=\"selectable\"\n                class=\"lxp-table__cell lxp-table__cell--checkbox\"\n              >\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isRowSelected(globalRowIndex(rowIndex))\"\n                  (click)=\"$event.stopPropagation()\"\n                  (change)=\"toggleRowSelection(globalRowIndex(rowIndex))\"\n                />\n              </td>\n\n              <td\n                *ngFor=\"let column of columns\"\n                class=\"lxp-table__cell\"\n                [style.text-align]=\"column.align || 'left'\"\n              >\n                <ng-container [ngTemplateOutlet]=\"cellTemplate\"\n                              [ngTemplateOutletContext]=\"{ column: column, row: row }\">\n                </ng-container>\n              </td>\n\n              <td\n                *ngIf=\"actions?.length\"\n                class=\"lxp-table__cell lxp-table__cell--actions\"\n              >\n                <button\n                  *ngFor=\"let action of actions\"\n                  type=\"button\"\n                  class=\"lxp-table__action\"\n                  [disabled]=\"isActionDisabled(action, row)\"\n                  (click)=\"runAction(action, row); $event.stopPropagation()\"\n                >\n                  {{ action.label }}\n                </button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n\n      <div\n        *ngIf=\"showPagination && totalPages > 1\"\n        class=\"lxp-table__footer\"\n      >\n        <div class=\"lxp-table__footer-info\">\n          Page {{ currentPageInternal }} of {{ totalPages }}\n        </div>\n        <div class=\"lxp-table__footer-controls\">\n          <label class=\"lxp-table__page-size\">\n            <span>Rows per page</span>\n            <select\n              [ngModel]=\"pageSizeInternal\"\n              (ngModelChange)=\"onPageSizeChangeInternal($event)\"\n            >\n              <option *ngFor=\"let size of pageSizeOptionsInternal\" [ngValue]=\"size\">\n                {{ size }}\n              </option>\n            </select>\n          </label>\n\n          <button\n            type=\"button\"\n            class=\"lxp-table__pager\"\n            [disabled]=\"currentPageInternal === 1\"\n            (click)=\"onPageChangeInternal(currentPageInternal - 1)\"\n          >\n            Previous\n          </button>\n          <button\n            type=\"button\"\n            class=\"lxp-table__pager\"\n            [disabled]=\"currentPageInternal === totalPages\"\n            (click)=\"onPageChangeInternal(currentPageInternal + 1)\"\n          >\n            Next\n          </button>\n        </div>\n      </div>\n\n      <ng-template #cellTemplate let-column=\"column\" let-row=\"row\">\n        <ng-container *ngIf=\"column.render; else defaultCell\">\n          {{ column.render(row[column.key], row) }}\n        </ng-container>\n        <ng-template #defaultCell>\n          <ng-container\n            *ngIf=\"isRichCell(row[column.key]); else plainCell\"\n          >\n            <div class=\"lxp-table__cell-text\">\n              <div class=\"lxp-table__cell-line1\">\n                {{ row[column.key].line1 || row[column.key].text || row[column.key].name }}\n              </div>\n              <div\n                *ngIf=\"row[column.key].line2\"\n                class=\"lxp-table__cell-line2\"\n              >\n                {{ row[column.key].line2 }}\n              </div>\n            </div>\n          </ng-container>\n          <ng-template #plainCell>\n            {{ row[column.key] }}\n          </ng-template>\n        </ng-template>\n      </ng-template>\n    </div>\n  `,\n})\nexport class TableComponent {\n  @Input() columns: TableColumn[] = [];\n  @Input() data: any[] = [];\n  @Input() actions: TableAction[] = [];\n  @Input() selectable = false;\n  @Input() showPagination = true;\n  @Input() showSearch = true;\n  @Input() loading = false;\n  @Input() theme: TableThemeKey = \"tera\";\n  @Input() title?: string;\n  @Input() titleLink?: string;\n  @Input() serverSide = false;\n  @Input() totalCount?: number;\n  @Input() currentPage?: number;\n  @Input() pageSize?: number;\n  @Input() pageSizeOptions?: number[];\n  @Input() emptyState?: BaseTableProps[\"emptyState\"];\n  @Input() enableRowClick = false;\n  @Input() searchPlaceholder?: string;\n\n  @Output() onSelectionChange = new EventEmitter<number[]>();\n  @Output() onPageChange = new EventEmitter<TablePageChange>();\n  @Output() onPageSizeChange = new EventEmitter<TablePageChange>();\n  @Output() onSearch = new EventEmitter<TableSearchData>();\n  @Output() onRowClick = new EventEmitter<{ row: any; index: number }>();\n\n  @HostBinding(\"style.fontFamily\")\n  get fontFamily(): string {\n    return tableThemeConfig[this.theme].fontFamily;\n  }\n\n  defaultTitle = tableConfig.defaultTitle;\n  loadingMessage = tableConfig.loadingMessage;\n\n  searchTerm = \"\";\n  selectedRows: number[] = [];\n\n  get columnSpan(): number {\n    return (\n      this.columns.length +\n      (this.selectable ? 1 : 0) +\n      (this.actions?.length ? 1 : 0)\n    );\n  }\n\n  get totalItems(): number {\n    if (this.serverSide) {\n      return this.totalCount ?? this.data.length;\n    }\n    return this.filteredData.length;\n  }\n\n  get currentPageInternal(): number {\n    return this.currentPage ?? this._currentPage;\n  }\n\n  get pageSizeInternal(): number {\n    return this.pageSize ?? this._pageSize;\n  }\n\n  get pageSizeOptionsInternal(): ReadonlyArray<number> {\n    return this.pageSizeOptions ?? tableConfig.defaultPageSizeOptions;\n  }\n\n  private _currentPage: number = 1;\n  private _pageSize: number = tableConfig.defaultPageSize;\n\n  get filteredData(): any[] {\n    if (!this.showSearch || !this.searchTerm.trim()) {\n      return this.data;\n    }\n\n    const term = this.searchTerm.toLowerCase();\n    return this.data.filter((row) =>\n      Object.values(row).some((value) =>\n        String(\n          typeof value === \"object\" && value !== null\n            ? (value as any).line1 ?? (value as any).line2 ?? \"\"\n            : value ?? \"\",\n        )\n          .toLowerCase()\n          .includes(term),\n      ),\n    );\n  }\n\n  get pagedData(): any[] {\n    if (!this.showPagination || this.serverSide) {\n      return this.filteredData;\n    }\n    const start = (this.currentPageInternal - 1) * this.pageSizeInternal;\n    return this.filteredData.slice(start, start + this.pageSizeInternal);\n  }\n\n  get totalPages(): number {\n    if (!this.showPagination) {\n      return 1;\n    }\n    return Math.max(1, Math.ceil(this.totalItems / this.pageSizeInternal));\n  }\n\n  isRichCell(value: any): boolean {\n    return (\n      value &&\n      typeof value === \"object\" &&\n      (\"line1\" in value || \"line2\" in value || \"text\" in value || \"name\" in value)\n    );\n  }\n\n  isRowSelected(index: number): boolean {\n    return this.selectedRows.includes(index);\n  }\n\n  globalRowIndex(localIndex: number): number {\n    if (this.serverSide) {\n      return localIndex;\n    }\n    return (this.currentPageInternal - 1) * this.pageSizeInternal + localIndex;\n  }\n\n  toggleRowSelection(index: number): void {\n    const exists = this.selectedRows.includes(index);\n    this.selectedRows = exists\n      ? this.selectedRows.filter((i) => i !== index)\n      : [...this.selectedRows, index];\n    this.onSelectionChange.emit(this.selectedRows);\n  }\n\n  get emptyMessage(): string {\n    const custom = this.emptyState?.message;\n    const showDefault = this.emptyState?.showDefault ?? true;\n    if (custom) return custom;\n    return showDefault ? tableConfig.emptyMessage : \"\";\n  }\n\n  onSearchChange(term: any): void {\n    const value =\n      typeof term === \"string\"\n        ? term\n        : (term?.target as HTMLInputElement | null)?.value ?? \"\";\n    this.searchTerm = value;\n    this.onSearch.emit({\n      page: this.currentPageInternal,\n      pageSize: this.pageSizeInternal,\n      searchTerm: value,\n      filters: {},\n    });\n  }\n\n  onPageChangeInternal(nextPage: number): void {\n    if (nextPage < 1 || nextPage > this.totalPages) return;\n    if (this.currentPage == null) {\n      this._currentPage = nextPage;\n    }\n    this.onPageChange.emit({\n      page: nextPage,\n      pageSize: this.pageSizeInternal,\n      searchTerm: this.searchTerm,\n      filters: {},\n    });\n  }\n\n  onPageSizeChangeInternal(nextSize: any): void {\n    const size =\n      typeof nextSize === \"number\" ? nextSize : Number(nextSize ?? 0);\n    if (this.pageSize == null) {\n      this._pageSize = size;\n      this._currentPage = 1;\n    }\n    this.onPageSizeChange.emit({\n      page: 1,\n      pageSize: size,\n      searchTerm: this.searchTerm,\n      filters: {},\n    });\n  }\n\n  handleRowClick(row: any, localIndex: number): void {\n    if (!this.enableRowClick) return;\n    const globalIndex = this.globalRowIndex(localIndex);\n    this.onRowClick.emit({ row, index: globalIndex });\n  }\n\n  isActionDisabled(action: TableAction, row: any): boolean {\n    return action.disabled ? action.disabled(row) : false;\n  }\n\n  runAction(action: TableAction, row: any): void {\n    if (this.isActionDisabled(action, row)) return;\n    action.action(row);\n  }\n}\n\n\n","import { Injectable } from \"@angular/core\";\nimport { BehaviorSubject } from \"rxjs\";\nimport {\n  defaultTheme,\n  type CompanyTheme,\n} from \"@lamenna/lxp-shared-components\";\n\n@Injectable({\n  providedIn: \"root\",\n})\nexport class ThemeService {\n  private readonly themeSubject = new BehaviorSubject<CompanyTheme>(\n    defaultTheme,\n  );\n\n  readonly theme$ = this.themeSubject.asObservable();\n\n  get theme(): CompanyTheme {\n    return this.themeSubject.value;\n  }\n\n  setTheme(theme: CompanyTheme): void {\n    this.themeSubject.next(theme);\n  }\n\n  toggleTheme(): void {\n    this.themeSubject.next(this.theme === \"tera\" ? \"cynk\" : \"tera\");\n  }\n}\n\n\n\n\n\n","import { CommonModule } from \"@angular/common\";\nimport { Component, Input } from \"@angular/core\";\nimport { ThemeService } from \"../../theme/theme.service\";\n\n@Component({\n  selector: \"lxp-theme-switcher\",\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    <button\n      type=\"button\"\n      class=\"lxp-theme-switcher\"\n      [ngClass]=\"className\"\n      (click)=\"toggleTheme()\"\n      [title]=\"buttonTitle\"\n    >\n      <ng-container *ngIf=\"showLabels; else iconOnly\">\n        {{ label }}\n      </ng-container>\n      <ng-template #iconOnly>\n        {{ shortLabel }}\n      </ng-template>\n    </button>\n  `,\n})\nexport class ThemeSwitcherComponent {\n  @Input() className?: string;\n  @Input() showLabels = true;\n\n  constructor(private readonly themeService: ThemeService) {}\n\n  get label(): string {\n    return this.themeService.theme === \"tera\" ? \"Tera theme\" : \"Cynk theme\";\n  }\n\n  get shortLabel(): string {\n    return this.themeService.theme === \"tera\" ? \"T\" : \"C\";\n  }\n\n  get buttonTitle(): string {\n    const next = this.themeService.theme === \"tera\" ? \"Cynk\" : \"Tera\";\n    return `Switch to ${next} theme`;\n  }\n\n  toggleTheme(): void {\n    this.themeService.toggleTheme();\n  }\n}\n\n\n\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ThemeService","i2"],"mappings":"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"}

package/dist/types/lamenna-lxp-angular.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { AngularButtonProps, ButtonVariant, ButtonSize } from '@lamenna/lxp-shared-components';
+import { AngularButtonProps, ButtonVariant, ButtonSize, TableColumn, TableAction, TableThemeKey, BaseTableProps, TablePageChange, TableSearchData, CompanyTheme } from '@lamenna/lxp-shared-components';
+import * as rxjs from 'rxjs';
 
 declare class ButtonComponent implements AngularButtonProps {
     content?: string;
@@ -11,7 +12,8 @@ declare class ButtonComponent implements AngularButtonProps {
     id?: string;
     ariaLabel?: string;
     testID?: string;
-    label?: string;
+    get label(): string | undefined;
+    set label(value: string | undefined);
     onClick: EventEmitter<MouseEvent>;
     get hostStyles(): {
         opacity: string;
@@ -111,4 +113,84 @@ declare class ButtonComponent implements AngularButtonProps {
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lxp-button", never, { "content": { "alias": "content"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "className": { "alias": "className"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }
 
-export { ButtonComponent };
+declare class TableComponent {
+    columns: TableColumn[];
+    data: any[];
+    actions: TableAction[];
+    selectable: boolean;
+    showPagination: boolean;
+    showSearch: boolean;
+    loading: boolean;
+    theme: TableThemeKey;
+    title?: string;
+    titleLink?: string;
+    serverSide: boolean;
+    totalCount?: number;
+    currentPage?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    emptyState?: BaseTableProps["emptyState"];
+    enableRowClick: boolean;
+    searchPlaceholder?: string;
+    onSelectionChange: EventEmitter<number[]>;
+    onPageChange: EventEmitter<TablePageChange>;
+    onPageSizeChange: EventEmitter<TablePageChange>;
+    onSearch: EventEmitter<TableSearchData>;
+    onRowClick: EventEmitter<{
+        row: any;
+        index: number;
+    }>;
+    get fontFamily(): string;
+    defaultTitle: "Data Table";
+    loadingMessage: "Loading...";
+    searchTerm: string;
+    selectedRows: number[];
+    get columnSpan(): number;
+    get totalItems(): number;
+    get currentPageInternal(): number;
+    get pageSizeInternal(): number;
+    get pageSizeOptionsInternal(): ReadonlyArray<number>;
+    private _currentPage;
+    private _pageSize;
+    get filteredData(): any[];
+    get pagedData(): any[];
+    get totalPages(): number;
+    isRichCell(value: any): boolean;
+    isRowSelected(index: number): boolean;
+    globalRowIndex(localIndex: number): number;
+    toggleRowSelection(index: number): void;
+    get emptyMessage(): string;
+    onSearchChange(term: any): void;
+    onPageChangeInternal(nextPage: number): void;
+    onPageSizeChangeInternal(nextSize: any): void;
+    handleRowClick(row: any, localIndex: number): void;
+    isActionDisabled(action: TableAction, row: any): boolean;
+    runAction(action: TableAction, row: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "lxp-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleLink": { "alias": "titleLink"; "required": false; }; "serverSide": { "alias": "serverSide"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "emptyState": { "alias": "emptyState"; "required": false; }; "enableRowClick": { "alias": "enableRowClick"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; "onPageChange": "onPageChange"; "onPageSizeChange": "onPageSizeChange"; "onSearch": "onSearch"; "onRowClick": "onRowClick"; }, never, never, true, never>;
+}
+
+declare class ThemeService {
+    private readonly themeSubject;
+    readonly theme$: rxjs.Observable<CompanyTheme>;
+    get theme(): CompanyTheme;
+    setTheme(theme: CompanyTheme): void;
+    toggleTheme(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+declare class ThemeSwitcherComponent {
+    private readonly themeService;
+    className?: string;
+    showLabels: boolean;
+    constructor(themeService: ThemeService);
+    get label(): string;
+    get shortLabel(): string;
+    get buttonTitle(): string;
+    toggleTheme(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeSwitcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemeSwitcherComponent, "lxp-theme-switcher", never, { "className": { "alias": "className"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { ButtonComponent, TableComponent, ThemeService, ThemeSwitcherComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lamenna/lxp-angular",
-  "version": "0.0.7",
+  "version": "0.1.0",
   "description": "Angular components for LXP",
   "main": "dist/fesm2022/lamenna-lxp-angular.mjs",
   "types": "dist/types/lamenna-lxp-angular.d.ts",
@@ -12,17 +12,19 @@
   },
   "peerDependencies": {
     "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0"
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "rxjs": "^7.8.0"
   },
   "dependencies": {
     "tslib": "^2.8.1",
-    "@lamenna/lxp-shared-components": "0.0.2",
-    "@lamenna/lxp-tokens": "0.0.2"
+    "@lamenna/lxp-shared-components": "0.1.0",
+    "@lamenna/lxp-tokens": "0.1.0"
   },
   "devDependencies": {
     "@angular/compiler-cli": "^21.0.6",
     "ng-packagr": "^21.0.1",
-    "typescript": "^5.3.3"
+    "typescript": "^5.9.3"
   },
   "module": "dist/fesm2022/lamenna-lxp-angular.mjs",
   "typings": "dist/types/lamenna-lxp-angular.d.ts",