@3ddv/software-division-components 1.0.0-alpha.3.8 → 1.0.0-alpha.4

package/fesm2022/3ddv-software-division-components.mjs

@@ -1,269 +1,281 @@
-import * as i1$2 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/common';
+import { CurrencyPipe, DatePipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, Component, computed, ChangeDetectionStrategy, ViewChild, Injectable, InjectionToken, Directive, Inject, HostBinding } from '@angular/core';
-import { ButtonComponent as ButtonComponent$1 } from '../generic/button/index.js';
-import { validateStylesForComponent as validateStylesForComponent$1 } from '../utils/validate-styles-for-component.js';
-import * as i1$1 from 'primeng/button';
+import { inject, Pipe, input, Component, computed, ChangeDetectionStrategy, Host, Optional, Directive, ContentChild, Injectable, output, signal, effect, InjectionToken, HostBinding, Inject, ViewEncapsulation } from '@angular/core';
+import * as i1$2 from 'primeng/button';
 import { ButtonModule, Button, ButtonStyle } from 'primeng/button';
 import * as i3 from 'primeng/contextmenu';
 import { ContextMenuModule } from 'primeng/contextmenu';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i1 from 'primeng/table';
 import { TableModule, Table, TableService as TableService$1 } from 'primeng/table';
-import { FormatValuePipe } from '../shared/format-value.pipe.js';
-import * as i2 from 'primeng/api';
 import { RippleModule } from 'primeng/ripple';
 import * as i3$1 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
-
-const _c0$3 = ["app-body-row", ""];
-const _forTrack0$1 = ($index, $item) => $item.field;
-function BodyRowComponent_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "formatValue");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r1 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r1.rows()[col_r1.field], col_r1 == null ? null : col_r1.options == null ? null : col_r1.options.pipe), " ");
-} }
+import { TooltipModule, TooltipStyle } from 'primeng/tooltip';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { providePrimeNG } from 'primeng/config';
+import Aura from '@primeng/themes/aura';
+import { definePreset } from '@primeng/themes';
+
+function validateCssClass(value, componentName) {
+    const regex = /^([a-zA-Z][a-zA-Z0-9-_]*)(\s[a-zA-Z][a-zA-Z0-9-_]*)*$/;
+    const isValidCssClass = regex.test(value);
+    if (!isValidCssClass) {
+        throw new Error(`Invalid CSS class string passed as input to "styleClasses" input, found on ${componentName}.
+      Please make sure your input is a valid CSS class or a list of whitespace-separated classes.
+      The value provided was: ${value}`);
+    }
+}
+function validateStylesForComponent(componentName) {
+    return (styles) => {
+        // Styles will be an empty string if they are not defined
+        if (styles === '') {
+            return styles;
+        }
+        if (typeof styles === 'string') {
+            // Some components just have to style one element,
+            // so a string input is sufficient
+            validateCssClass(styles, componentName);
+        }
+        else {
+            // While others require an object ot be able to style
+            // different parts of the component, which requires an object
+            // to target different parts of the components with different classes
+            const stylesValues = Object.values(styles);
+            for (const styleValue of stylesValues) {
+                validateCssClass(styleValue, componentName);
+            }
+        }
+        return styles;
+    };
+}
+
+class FormatValuePipe {
+    currencyPipe = inject(CurrencyPipe);
+    datePipe = inject(DatePipe);
+    transform(value, pipe) {
+        switch (pipe) {
+            case 'currency':
+                return this.currencyPipe.transform(value) ?? '';
+            case 'date':
+                return this.datePipe.transform(value) ?? '';
+            default:
+                return value ?? '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormatValuePipe, isStandalone: true, name: "formatValue" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    pure: true,
+                    standalone: true,
+                    name: 'formatValue',
+                }]
+        }] });
+
 class BodyRowComponent {
     rows = input.required();
     columns = input.required();
-    static ɵfac = function BodyRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BodyRowComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BodyRowComponent, selectors: [["", "app-body-row", ""]], inputs: { rows: [1, "rows"], columns: [1, "columns"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$3, decls: 2, vars: 0, template: function BodyRowComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵrepeaterCreate(0, BodyRowComponent_For_1_Template, 3, 4, "td", null, _forTrack0$1);
-        } if (rf & 2) {
-            i0.ɵɵrepeater(ctx.columns());
-        } }, dependencies: [FormatValuePipe] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BodyRowComponent, isStandalone: true, selector: "[app-body-row]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@for (col of columns(); track col.field) {\n  <td>\n    {{ rows()[col.field] | formatValue: col?.options?.pipe }}\n  </td>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: FormatValuePipe, name: "formatValue" }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BodyRowComponent, [{
-        type: Component,
-        args: [{ standalone: true, selector: '[app-body-row]', imports: [FormatValuePipe], template: "@for (col of columns(); track col.field) {\n  <td>\n    {{ rows()[col.field] | formatValue: col?.options?.pipe }}\n  </td>\n}\n" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BodyRowComponent, { className: "BodyRowComponent", filePath: "backoffice/table/components/body-row/body-row.component.ts", lineNumber: 12 }); })();
-
-const _c0$2 = ["app-header-row", ""];
-const _forTrack0 = ($index, $item) => $item.field;
-function HeaderRowComponent_For_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 0);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r1.header, " ");
-} }
-function HeaderRowComponent_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 1);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r1.header, " ");
-} }
-function HeaderRowComponent_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 2);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r1.header, " ");
-} }
-function HeaderRowComponent_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r1.header, " ");
-} }
-function HeaderRowComponent_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, HeaderRowComponent_For_1_Conditional_0_Template, 2, 1, "th", 0)(1, HeaderRowComponent_For_1_Conditional_1_Template, 2, 1, "th", 1)(2, HeaderRowComponent_For_1_Conditional_2_Template, 2, 1, "th", 2)(3, HeaderRowComponent_For_1_Conditional_3_Template, 2, 1, "th");
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.resizableAndReorderable() ? 0 : ctx_r1.reorderableColumns() ? 1 : ctx_r1.resizableColumns() ? 2 : 3);
-} }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BodyRowComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: '[app-body-row]', imports: [FormatValuePipe], template: "@for (col of columns(); track col.field) {\n  <td>\n    {{ rows()[col.field] | formatValue: col?.options?.pipe }}\n  </td>\n}\n" }]
+        }] });
+
 class HeaderRowComponent {
     columns = input.required();
     reorderableColumns = input.required();
     resizableColumns = input.required();
     resizableAndReorderable = computed(() => this.resizableColumns() && this.reorderableColumns());
-    static ɵfac = function HeaderRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HeaderRowComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderRowComponent, selectors: [["", "app-header-row", ""]], inputs: { columns: [1, "columns"], reorderableColumns: [1, "reorderableColumns"], resizableColumns: [1, "resizableColumns"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$2, decls: 2, vars: 0, consts: [["pReorderableColumn", "", "pResizableColumn", ""], ["pReorderableColumn", ""], ["pResizableColumn", ""]], template: function HeaderRowComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵrepeaterCreate(0, HeaderRowComponent_For_1_Template, 4, 1, null, null, _forTrack0);
-        } if (rf & 2) {
-            i0.ɵɵrepeater(ctx.columns());
-        } }, dependencies: [TableModule, i1.ResizableColumn, i1.ReorderableColumn, CommonModule], styles: ["host[_ngcontent-%COMP%]:{display:contents}"], changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: HeaderRowComponent, isStandalone: true, selector: "[app-header-row]", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, reorderableColumns: { classPropertyName: "reorderableColumns", publicName: "reorderableColumns", isSignal: true, isRequired: true, transformFunction: null }, resizableColumns: { classPropertyName: "resizableColumns", publicName: "resizableColumns", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@for (col of columns(); track col.field) {\n  @if (resizableAndReorderable()) {\n    <th pReorderableColumn pResizableColumn>\n      {{ col.header }}\n    </th>\n  } @else if (reorderableColumns()) {\n    <th pReorderableColumn>\n      {{ col.header }}\n    </th>\n  } @else if (resizableColumns()) {\n    <th pResizableColumn>\n      {{ col.header }}\n    </th>\n  } @else {\n    <th>\n      {{ col.header }}\n    </th>\n  }\n}\n", styles: ["", "host:{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "directive", type: i1.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i1.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderRowComponent, [{
-        type: Component,
-        args: [{ standalone: true, selector: '[app-header-row]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TableModule, CommonModule], template: "@for (col of columns(); track col.field) {\n  @if (resizableAndReorderable()) {\n    <th pReorderableColumn pResizableColumn>\n      {{ col.header }}\n    </th>\n  } @else if (reorderableColumns()) {\n    <th pReorderableColumn>\n      {{ col.header }}\n    </th>\n  } @else if (resizableColumns()) {\n    <th pResizableColumn>\n      {{ col.header }}\n    </th>\n  } @else {\n    <th>\n      {{ col.header }}\n    </th>\n  }\n}\n", styles: ["host:{display:contents}\n"] }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HeaderRowComponent, { className: "HeaderRowComponent", filePath: "backoffice/table/components/header-row/header-row.component.ts", lineNumber: 19 }); })();
-
-const _c0$1 = ["primengTable"];
-const _c1 = ["*", "*"];
-function TableComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "tr", 7);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("columns", ctx_r1.columnData())("reorderableColumns", !!ctx_r1.reorderableColumns)("resizableColumns", !!ctx_r1.resizableColumns);
-} }
-function TableComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "tr", 8);
-} if (rf & 2) {
-    const rows_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("pContextMenuRow", rows_r3)("columns", ctx_r1.columnData())("rows", rows_r3);
-} }
-function TableComponent_Conditional_9_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "sdc-button", 10);
-    i0.ɵɵlistener("click", function TableComponent_Conditional_9_ng_template_0_Conditional_0_Template_sdc_button_click_1_listener() { i0.ɵɵrestoreView(_r4); i0.ɵɵnextContext(3); const dt_r5 = i0.ɵɵreference(4); return i0.ɵɵresetView(dt_r5.exportCSV()); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("label", ctx_r1.exportButtonLabel());
-} }
-function TableComponent_Conditional_9_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_Conditional_9_ng_template_0_Conditional_0_Template, 2, 1, "div", 9);
-    i0.ɵɵprojection(1, 0, ["[select]", "'button1'"]);
-    i0.ɵɵprojection(2, 1, ["[select]", "'button2'"]);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r1.export() ? 0 : -1);
-} }
-function TableComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_Conditional_9_ng_template_0_Template, 3, 1, "ng-template", 6);
-} }
-function tableFactory(tableComponent) {
-    return tableComponent.primengTable;
-    // a change
-    // a change
-    // a change
-    // a change
-    // a change
-    // a change
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderRowComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: '[app-header-row]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TableModule, CommonModule], template: "@for (col of columns(); track col.field) {\n  @if (resizableAndReorderable()) {\n    <th pReorderableColumn pResizableColumn>\n      {{ col.header }}\n    </th>\n  } @else if (reorderableColumns()) {\n    <th pReorderableColumn>\n      {{ col.header }}\n    </th>\n  } @else if (resizableColumns()) {\n    <th pResizableColumn>\n      {{ col.header }}\n    </th>\n  } @else {\n    <th>\n      {{ col.header }}\n    </th>\n  }\n}\n", styles: ["host:{display:contents}\n"] }]
+        }] });
+
+class TableDirective {
+    primeTable;
+    constructor(primeTable, sdcTable) {
+        this.primeTable = primeTable;
+        if (!sdcTable)
+            return;
+        // ------------------------------
+        // 1) Assign TableComponent’s
+        //    inputs to the PrimeNG Table
+        // ------------------------------
+        this.primeTable.style = sdcTable.style;
+        this.primeTable.value = sdcTable.value;
+        this.primeTable.dataKey = sdcTable.dataKey;
+        this.primeTable.rows = sdcTable.rows;
+        this.primeTable.sortMode = sdcTable.sortMode;
+        this.primeTable.sortField = sdcTable.sortField;
+        this.primeTable.sortOrder = sdcTable.sortOrder;
+        this.primeTable.size = sdcTable.size;
+        this.primeTable.rowHover = sdcTable.rowHover ?? true;
+        this.primeTable.scrollable = sdcTable.scrollable;
+        this.primeTable.scrollHeight = sdcTable.scrollHeight;
+        this.primeTable.scrollDirection = sdcTable.scrollDirection;
+        this.primeTable.showGridlines = sdcTable.showGridlines;
+        this.primeTable.resizableColumns = sdcTable.resizableColumns;
+        this.primeTable.reorderableColumns = sdcTable.reorderableColumns;
+        this.primeTable.columnResizeMode = sdcTable.columnResizeMode;
+        this.primeTable.rowsPerPageOptions = sdcTable.rowsPerPageOptions;
+        this.primeTable.selection = sdcTable.selection;
+        this.primeTable.editMode = sdcTable.editMode;
+        this.primeTable.frozenValue = sdcTable.frozenValue;
+        this.primeTable.frozenColumns = sdcTable.frozenColumns;
+        this.primeTable.selectionMode = sdcTable.selectionMode;
+        this.primeTable.contextMenuSelection = sdcTable.contextMenuSelection;
+        this.primeTable.contextMenuSelectionMode = sdcTable.contextMenuSelectionMode;
+        this.primeTable.paginatorDropdownScrollHeight = sdcTable.paginatorDropdownScrollHeight;
+        this.primeTable.paginatorDropdownAppendTo = sdcTable.paginatorDropdownAppendTo;
+        this.primeTable.currentPageReportTemplate = sdcTable.currentPageReportTemplate;
+        this.primeTable.showCurrentPageReport = sdcTable.showCurrentPageReport;
+        this.primeTable.showJumpToPageDropdown = sdcTable.showJumpToPageDropdown;
+        this.primeTable.showJumpToPageInput = sdcTable.showJumpToPageInput;
+        this.primeTable.showFirstLastIcon = sdcTable.showFirstLastIcon;
+        this.primeTable.showPageLinks = sdcTable.showPageLinks;
+        this.primeTable.defaultSortOrder = sdcTable.defaultSortOrder;
+        this.primeTable.resetPageOnSort = sdcTable.resetPageOnSort;
+        this.primeTable.selectionPageOnly = sdcTable.selectionPageOnly;
+        this.primeTable.lazy = sdcTable.lazy;
+        this.primeTable.lazyLoadOnInit = sdcTable.lazyLoadOnInit;
+        this.primeTable.compareSelectionBy = sdcTable.compareSelectionBy;
+        this.primeTable.filters = sdcTable.filters;
+        this.primeTable.globalFilterFields = sdcTable.globalFilterFields;
+        this.primeTable.filterDelay = sdcTable.filterDelay;
+        this.primeTable.filterLocale = sdcTable.filterLocale;
+        this.primeTable.expandedRowKeys = sdcTable.expandedRowKeys;
+        this.primeTable.editingRowKeys = sdcTable.editingRowKeys;
+        this.primeTable.rowExpandMode = sdcTable.rowExpandMode;
+        this.primeTable.frozenWidth = sdcTable.frozenWidth;
+        this.primeTable.rowGroupMode = sdcTable.rowGroupMode;
+        this.primeTable.rowTrackBy = sdcTable.rowTrackBy;
+        this.primeTable.rowSelectable = sdcTable.rowSelectable;
+        this.primeTable.customSort = sdcTable.customSort;
+        this.primeTable.showInitialSortBadge = sdcTable.showInitialSortBadge;
+        this.primeTable.autoLayout = sdcTable.autoLayout;
+        this.primeTable.exportFunction = sdcTable.exportFunction;
+        this.primeTable.exportHeader = sdcTable.exportHeader;
+        this.primeTable.stateKey = sdcTable.stateKey;
+        this.primeTable.stateStorage = sdcTable.stateStorage;
+        this.primeTable.groupRowsBy = sdcTable.groupRowsBy;
+        this.primeTable.groupRowsByOrder = sdcTable.groupRowsByOrder;
+        this.primeTable.responsiveLayout = sdcTable.responsiveLayout;
+        this.primeTable.breakpoint = sdcTable.breakpoint;
+        this.primeTable.paginatorLocale = sdcTable.paginatorLocale;
+        this.primeTable.first = sdcTable.first;
+        this.primeTable.totalRecords = sdcTable.totalRecords;
+        this.primeTable.multiSortMeta = sdcTable.multiSortMeta;
+        this.primeTable.selectAll = sdcTable.selectAll;
+        this.primeTable.loading = sdcTable.loading;
+        this.primeTable.loadingIcon = sdcTable.loadingIcon;
+        this.primeTable.showLoader = sdcTable.showLoader;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableDirective, deps: [{ token: i1.Table }, { token: TableComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableDirective, isStandalone: true, selector: "p-table", ngImport: i0 });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'p-table',
+                }]
+        }], ctorParameters: () => [{ type: i1.Table }, { type: TableComponent, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * A customizable table component built on PrimeNG's Table.
+ *
+ * This component extends the PrimeNG Table by introducing additional configurations and styling
+ * capabilities. It supports defining column data, enabling sorting, exporting data, and integrating
+ * context menu options for enhanced user interactions. Additionally, the component allows for dynamic
+ * styling through custom CSS classes and leverages Angular's standalone component pattern with OnPush
+ * change detection for performance optimization.
+ *
+ * @since 1.0.0-alpha.2
+ * @updated 1.0.0-alpha.2
+ */
 class TableComponent extends Table {
-    primengTable;
+    props = input();
     /**
      * Single string or whitespace-separated string of additional style classes for the button.
      * Only accepts valid whitespace-separated class names.
      */
-    styleClasses = input('', { transform: validateStylesForComponent$1(this.constructor.name) });
+    styleClasses = input('', { transform: validateStylesForComponent(this.constructor.name) });
     columnData = input.required();
     sortable = input();
     export = input();
     exportButtonLabel = input('Export');
     contextMenuOptions = input();
     projectedElementIdArray = input();
+    customRowTemplate;
     selectedRow;
     cb(event) { }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTableComponent_BaseFactory; return function TableComponent_Factory(__ngFactoryType__) { return (ɵTableComponent_BaseFactory || (ɵTableComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TableComponent)))(__ngFactoryType__ || TableComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableComponent, selectors: [["sdc-table"]], viewQuery: function TableComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1, 7);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.primengTable = _t.first);
-        } }, inputs: { styleClasses: [1, "styleClasses"], columnData: [1, "columnData"], sortable: [1, "sortable"], export: [1, "export"], exportButtonLabel: [1, "exportButtonLabel"], contextMenuOptions: [1, "contextMenuOptions"], projectedElementIdArray: [1, "projectedElementIdArray"] }, standalone: true, features: [i0.ɵɵProvidersFeature([TableService$1]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 10, vars: 85, consts: [["contextMenu", ""], ["dt", ""], ["header", ""], ["body", ""], [3, "model"], [3, "onColReorder", "tableStyleClass", "value", "dataKey", "rows", "sortMode", "sortField", "sortOrder", "size", "rowHover", "scrollable", "scrollHeight", "scrollDirection", "paginator", "stripedRows", "showGridlines", "columns", "resizableColumns", "reorderableColumns", "columnResizeMode", "paginatorPosition", "rowsPerPageOptions", "contextMenu", "selection", "editMode", "frozenValue", "frozenColumns", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "paginatorDropdownScrollHeight", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "resetPageOnSort", "selectionPageOnly", "lazy", "lazyLoadOnInit", "compareSelectionBy", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "frozenWidth", "rowGroupMode", "rowTrackBy", "rowSelectable", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "first", "totalRecords", "multiSortMeta", "selectAll", "loading", "loadingIcon", "showLoader"], ["pTemplate", "caption"], ["app-header-row", "", 3, "columns", "reorderableColumns", "resizableColumns"], ["app-body-row", "", 3, "pContextMenuRow", "columns", "rows"], [1, "button__export--end"], ["icon", "pi pi-external-link", 3, "click", "label"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c1);
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelement(1, "p-contextMenu", 4, 0);
-            i0.ɵɵelementStart(3, "p-table", 5, 1);
-            i0.ɵɵlistener("onColReorder", function TableComponent_Template_p_table_onColReorder_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cb($event)); });
-            i0.ɵɵtemplate(5, TableComponent_ng_template_5_Template, 1, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(7, TableComponent_ng_template_7_Template, 1, 3, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(9, TableComponent_Conditional_9_Template, 1, 0, null, 6);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            let tmp_4_0;
-            let tmp_13_0;
-            let tmp_14_0;
-            let tmp_87_0;
-            const contextMenu_r6 = i0.ɵɵreference(2);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("model", (tmp_4_0 = ctx.contextMenuOptions()) !== null && tmp_4_0 !== undefined ? tmp_4_0 : undefined);
-            i0.ɵɵadvance(2);
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("tableStyleClass", ctx.styleClasses())("value", ctx.value)("dataKey", ctx.dataKey)("rows", ctx.rows)("sortMode", ctx.sortMode)("sortField", ctx.sortField)("sortOrder", ctx.sortOrder)("size", (tmp_13_0 = ctx.size) !== null && tmp_13_0 !== undefined ? tmp_13_0 : undefined)("rowHover", (tmp_14_0 = ctx.rowHover) !== null && tmp_14_0 !== undefined ? tmp_14_0 : true)("scrollable", ctx.scrollable)("scrollHeight", ctx.scrollHeight)("scrollDirection", ctx.scrollDirection)("value", ctx.value)("dataKey", ctx.dataKey)("rows", ctx.rows)("sortMode", ctx.sortMode)("sortField", ctx.sortField)("sortOrder", ctx.sortOrder)("size", ctx.size)("paginator", ctx.paginator)("stripedRows", ctx.stripedRows)("showGridlines", ctx.showGridlines)("columns", ctx.columnData())("resizableColumns", ctx.resizableColumns)("reorderableColumns", ctx.reorderableColumns)("columnResizeMode", ctx.columnResizeMode)("paginatorPosition", ctx.paginatorPosition)("rowsPerPageOptions", ctx.rowsPerPageOptions)("contextMenu", ctx.contextMenuOptions() ? contextMenu_r6 : undefined)("selection", ctx.selection)("editMode", ctx.editMode)("frozenValue", ctx.frozenValue)("frozenColumns", ctx.frozenColumns)("selectionMode", ctx.selectionMode)("contextMenuSelection", ctx.contextMenuSelection)("contextMenuSelectionMode", ctx.contextMenuSelectionMode)("paginatorDropdownScrollHeight", ctx.paginatorDropdownScrollHeight)("paginatorDropdownAppendTo", ctx.paginatorDropdownAppendTo)("currentPageReportTemplate", ctx.currentPageReportTemplate)("showCurrentPageReport", ctx.showCurrentPageReport)("showJumpToPageDropdown", ctx.showJumpToPageDropdown)("showJumpToPageInput", ctx.showJumpToPageInput)("showFirstLastIcon", ctx.showFirstLastIcon)("showPageLinks", ctx.showPageLinks)("defaultSortOrder", ctx.defaultSortOrder)("resetPageOnSort", ctx.resetPageOnSort)("selectionPageOnly", ctx.selectionPageOnly)("lazy", ctx.lazy)("lazyLoadOnInit", ctx.lazyLoadOnInit)("compareSelectionBy", ctx.compareSelectionBy)("filters", ctx.filters)("globalFilterFields", ctx.globalFilterFields)("filterDelay", ctx.filterDelay)("filterLocale", ctx.filterLocale)("expandedRowKeys", ctx.expandedRowKeys)("editingRowKeys", ctx.editingRowKeys)("rowExpandMode", ctx.rowExpandMode)("frozenWidth", ctx.frozenWidth)("rowGroupMode", ctx.rowGroupMode)("rowTrackBy", ctx.rowTrackBy)("rowSelectable", ctx.rowSelectable)("customSort", ctx.customSort)("showInitialSortBadge", ctx.showInitialSortBadge)("autoLayout", ctx.autoLayout)("exportFunction", ctx.exportFunction)("exportHeader", ctx.exportHeader)("stateKey", ctx.stateKey)("stateStorage", ctx.stateStorage)("groupRowsBy", ctx.groupRowsBy)("groupRowsByOrder", ctx.groupRowsByOrder)("size", ctx.size)("responsiveLayout", ctx.responsiveLayout)("breakpoint", ctx.breakpoint)("paginatorLocale", ctx.paginatorLocale)("first", ctx.first)("totalRecords", ctx.totalRecords)("multiSortMeta", ctx.multiSortMeta)("selectAll", ctx.selectAll)("loading", ctx.loading)("loadingIcon", ctx.loadingIcon)("showLoader", ctx.showLoader);
-            i0.ɵɵadvance(6);
-            i0.ɵɵconditional(ctx.export() || ((tmp_87_0 = ctx.projectedElementIdArray()) == null ? null : tmp_87_0.length) ? 9 : -1);
-        } }, dependencies: [CommonModule,
-            TableModule, i1.Table, i2.PrimeTemplate, i1.ContextMenuRow, ContextMenuModule, i3.ContextMenu, ButtonModule,
-            PaginatorModule,
-            HeaderRowComponent,
-            BodyRowComponent,
-            ButtonComponent$1], styles: ["[_ngcontent-%COMP%]:root{--p-paginator-border-radius: 0px !important}.button__export--end[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center;padding:.5rem}sdc-table[_ngcontent-%COMP%]   .table-test-class[_ngcontent-%COMP%]{--p-datatable-header-cell-color: red}"], changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TableComponent, isStandalone: true, selector: "sdc-table", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, styleClasses: { classPropertyName: "styleClasses", publicName: "styleClasses", isSignal: true, isRequired: false, transformFunction: null }, columnData: { classPropertyName: "columnData", publicName: "columnData", isSignal: true, isRequired: true, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, export: { classPropertyName: "export", publicName: "export", isSignal: true, isRequired: false, transformFunction: null }, exportButtonLabel: { classPropertyName: "exportButtonLabel", publicName: "exportButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, contextMenuOptions: { classPropertyName: "contextMenuOptions", publicName: "contextMenuOptions", isSignal: true, isRequired: false, transformFunction: null }, projectedElementIdArray: { classPropertyName: "projectedElementIdArray", publicName: "projectedElementIdArray", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TableService$1], queries: [{ propertyName: "customRowTemplate", first: true, predicate: ["customRowTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n  <p-contextMenu #contextMenu [model]=\"contextMenuOptions() ?? undefined\"></p-contextMenu>\n\n  <p-table\n    #dt\n    [tableStyleClass]=\"styleClasses()\"\n    [value]=\"value\"\n    [style]=\"style\"\n    [dataKey]=\"dataKey\"\n    [rows]=\"rows\"\n    [columns]=\"columnData()\"\n    [stripedRows]=\"stripedRows\"\n    [showGridlines]=\"showGridlines\"\n    [paginator]=\"paginator\"\n    [paginatorPosition]=\"paginatorPosition\"\n    [rows]=\"rowsPerPageOptions\"\n    [contextMenu]=\"contextMenuOptions() ? contextMenu : undefined\">\n    <ng-template #header>\n      <tr\n        app-header-row\n        [columns]=\"columnData()\"\n        [reorderableColumns]=\"!!reorderableColumns\"\n        [resizableColumns]=\"!!resizableColumns\"></tr>\n    </ng-template>\n\n    <ng-template #body let-rows let-index=\"rowIndex\">\n      <ng-container *ngIf=\"!customRowTemplate; else customTemplate\">\n        <tr app-body-row [pContextMenuRow]=\"rows\" [columns]=\"columnData()\" [rows]=\"rows\"></tr>\n      </ng-container>\n      <ng-template #customTemplate>\n        <ng-container *ngTemplateOutlet=\"customRowTemplate; context: { $implicit: rows, rowIndex: index }\">\n        </ng-container>\n      </ng-template>\n    </ng-template>\n  </p-table>\n</div>\n", styles: [":root{--p-paginator-border-radius: 0px !important}.table-footer__button--align{display:flex;justify-content:flex-end;align-items:center;padding:.5rem}sdc-table .table-test-class{--p-datatable-header-cell-color: red}.mock-side-button{--p-button-primary-color: white;--p-button-primary-background: black;--p-button-primary-border-color: black;--p-button-primary-hover-background: black;--p-button-primary-hover-color: white}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1.ContextMenuRow, selector: "[pContextMenuRow]", inputs: ["pContextMenuRow", "pContextMenuRowIndex", "pContextMenuRowDisabled"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i3.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: HeaderRowComponent, selector: "[app-header-row]", inputs: ["columns", "reorderableColumns", "resizableColumns"] }, { kind: "component", type: BodyRowComponent, selector: "[app-body-row]", inputs: ["rows", "columns"] }, { kind: "directive", type: TableDirective, selector: "p-table" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
-        type: Component,
-        args: [{ standalone: true, selector: 'sdc-table', imports: [
-                    CommonModule,
-                    TableModule,
-                    ContextMenuModule,
-                    ButtonModule,
-                    PaginatorModule,
-                    HeaderRowComponent,
-                    BodyRowComponent,
-                    ButtonComponent$1,
-                ], providers: [TableService$1], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <p-contextMenu #contextMenu [model]=\"contextMenuOptions() ?? undefined\"></p-contextMenu>\n\n  <p-table\n    #dt\n    [tableStyleClass]=\"styleClasses()\"\n    [style]=\"style\"\n    [value]=\"value\"\n    [dataKey]=\"dataKey\"\n    [rows]=\"rows\"\n    [sortMode]=\"sortMode\"\n    [sortField]=\"sortField\"\n    [sortOrder]=\"sortOrder\"\n    [size]=\"size ?? undefined\"\n    [rowHover]=\"rowHover ?? true\"\n    [scrollable]=\"scrollable\"\n    [scrollHeight]=\"scrollHeight\"\n    [scrollDirection]=\"scrollDirection\"\n    [value]=\"value\"\n    [dataKey]=\"dataKey\"\n    [rows]=\"rows\"\n    [sortMode]=\"sortMode\"\n    [sortField]=\"sortField\"\n    [sortOrder]=\"sortOrder\"\n    [size]=\"size\"\n    [paginator]=\"paginator\"\n    [stripedRows]=\"stripedRows\"\n    [showGridlines]=\"showGridlines\"\n    [columns]=\"columnData()\"\n    [resizableColumns]=\"resizableColumns\"\n    [reorderableColumns]=\"reorderableColumns\"\n    [columnResizeMode]=\"columnResizeMode\"\n    [paginatorPosition]=\"paginatorPosition\"\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\n    [contextMenu]=\"contextMenuOptions() ? contextMenu : undefined\"\n    [selection]=\"selection\"\n    [editMode]=\"editMode\"\n    [frozenValue]=\"frozenValue\"\n    [frozenColumns]=\"frozenColumns\"\n    [selectionMode]=\"selectionMode\"\n    [contextMenuSelection]=\"contextMenuSelection\"\n    [contextMenuSelectionMode]=\"contextMenuSelectionMode\"\n    [paginatorDropdownScrollHeight]=\"paginatorDropdownScrollHeight\"\n    [paginatorDropdownAppendTo]=\"paginatorDropdownAppendTo\"\n    [currentPageReportTemplate]=\"currentPageReportTemplate\"\n    [showCurrentPageReport]=\"showCurrentPageReport\"\n    [showJumpToPageDropdown]=\"showJumpToPageDropdown\"\n    [showJumpToPageInput]=\"showJumpToPageInput\"\n    [showFirstLastIcon]=\"showFirstLastIcon\"\n    [showPageLinks]=\"showPageLinks\"\n    [defaultSortOrder]=\"defaultSortOrder\"\n    [resetPageOnSort]=\"resetPageOnSort\"\n    [selectionPageOnly]=\"selectionPageOnly\"\n    [lazy]=\"lazy\"\n    [lazyLoadOnInit]=\"lazyLoadOnInit\"\n    [compareSelectionBy]=\"compareSelectionBy\"\n    [filters]=\"filters\"\n    [globalFilterFields]=\"globalFilterFields\"\n    [filterDelay]=\"filterDelay\"\n    [filterLocale]=\"filterLocale\"\n    [expandedRowKeys]=\"expandedRowKeys\"\n    [editingRowKeys]=\"editingRowKeys\"\n    [rowExpandMode]=\"rowExpandMode\"\n    [frozenWidth]=\"frozenWidth\"\n    [rowGroupMode]=\"rowGroupMode\"\n    [rowTrackBy]=\"rowTrackBy\"\n    [rowSelectable]=\"rowSelectable\"\n    [customSort]=\"customSort\"\n    [showInitialSortBadge]=\"showInitialSortBadge\"\n    [autoLayout]=\"autoLayout\"\n    [exportFunction]=\"exportFunction\"\n    [exportHeader]=\"exportHeader\"\n    [stateKey]=\"stateKey\"\n    [stateStorage]=\"stateStorage\"\n    [groupRowsBy]=\"groupRowsBy\"\n    [groupRowsByOrder]=\"groupRowsByOrder\"\n    [size]=\"size\"\n    [responsiveLayout]=\"responsiveLayout\"\n    [breakpoint]=\"breakpoint\"\n    [paginatorLocale]=\"paginatorLocale\"\n    [first]=\"first\"\n    [totalRecords]=\"totalRecords\"\n    [multiSortMeta]=\"multiSortMeta\"\n    [selectAll]=\"selectAll\"\n    [loading]=\"loading\"\n    [loadingIcon]=\"loadingIcon\"\n    (onColReorder)=\"cb($event)\"\n    [showLoader]=\"showLoader\">\n    <ng-template #header>\n      <tr\n        app-header-row\n        [columns]=\"columnData()\"\n        [reorderableColumns]=\"!!reorderableColumns\"\n        [resizableColumns]=\"!!resizableColumns\"></tr>\n    </ng-template>\n\n    <ng-template #body let-rows let-index=\"rowIndex\">\n      <tr app-body-row [pContextMenuRow]=\"rows\" [columns]=\"columnData()\" [rows]=\"rows\"></tr>\n    </ng-template>\n\n    @if (export() || projectedElementIdArray()?.length) {\n      <ng-template pTemplate=\"caption\">\n        @if (export()) {\n          <div class=\"button__export--end\">\n            <sdc-button icon=\"pi pi-external-link\" [label]=\"exportButtonLabel()\" (click)=\"dt.exportCSV()\" />\n          </div>\n        }\n        <ng-content [select]=\"'button1'\" />\n\n        <ng-content [select]=\"'button2'\" />\n\n        <!-- @for (projectedElementId of projectedElementId(); track projectedElementId) {\n        <ng-content [select]=\"projectedElementId\" />\n        } -->\n      </ng-template>\n    }\n  </p-table>\n</div>\n", styles: [":root{--p-paginator-border-radius: 0px !important}.button__export--end{display:flex;justify-content:flex-end;align-items:center;padding:.5rem}sdc-table .table-test-class{--p-datatable-header-cell-color: red}\n"] }]
-    }], null, { primengTable: [{
-            type: ViewChild,
-            args: ['primengTable', { static: true }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableComponent, { className: "TableComponent", filePath: "backoffice/table/table.component.ts", lineNumber: 41 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sdc-table', imports: [
+                        CommonModule,
+                        TableModule,
+                        ContextMenuModule,
+                        ButtonModule,
+                        PaginatorModule,
+                        HeaderRowComponent,
+                        BodyRowComponent,
+                        TableDirective,
+                    ], providers: [TableService$1], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <p-contextMenu #contextMenu [model]=\"contextMenuOptions() ?? undefined\"></p-contextMenu>\n\n  <p-table\n    #dt\n    [tableStyleClass]=\"styleClasses()\"\n    [value]=\"value\"\n    [style]=\"style\"\n    [dataKey]=\"dataKey\"\n    [rows]=\"rows\"\n    [columns]=\"columnData()\"\n    [stripedRows]=\"stripedRows\"\n    [showGridlines]=\"showGridlines\"\n    [paginator]=\"paginator\"\n    [paginatorPosition]=\"paginatorPosition\"\n    [rows]=\"rowsPerPageOptions\"\n    [contextMenu]=\"contextMenuOptions() ? contextMenu : undefined\">\n    <ng-template #header>\n      <tr\n        app-header-row\n        [columns]=\"columnData()\"\n        [reorderableColumns]=\"!!reorderableColumns\"\n        [resizableColumns]=\"!!resizableColumns\"></tr>\n    </ng-template>\n\n    <ng-template #body let-rows let-index=\"rowIndex\">\n      <ng-container *ngIf=\"!customRowTemplate; else customTemplate\">\n        <tr app-body-row [pContextMenuRow]=\"rows\" [columns]=\"columnData()\" [rows]=\"rows\"></tr>\n      </ng-container>\n      <ng-template #customTemplate>\n        <ng-container *ngTemplateOutlet=\"customRowTemplate; context: { $implicit: rows, rowIndex: index }\">\n        </ng-container>\n      </ng-template>\n    </ng-template>\n  </p-table>\n</div>\n", styles: [":root{--p-paginator-border-radius: 0px !important}.table-footer__button--align{display:flex;justify-content:flex-end;align-items:center;padding:.5rem}sdc-table .table-test-class{--p-datatable-header-cell-color: red}.mock-side-button{--p-button-primary-color: white;--p-button-primary-background: black;--p-button-primary-border-color: black;--p-button-primary-hover-background: black;--p-button-primary-hover-color: white}\n"] }]
+        }], propDecorators: { customRowTemplate: [{
+                type: ContentChild,
+                args: ['customRowTemplate']
+            }] } });
 
 class TableService {
     constructor() { }
-    static ɵfac = function TableService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TableService, factory: TableService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
 
 class CartComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function CartComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CartComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CartComponent, selectors: [["sdc-cart"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function CartComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function CartComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function CartComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function CartComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartComponent, isStandalone: true, selector: "sdc-cart", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CartComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-cart', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CartComponent, { className: "CartComponent", filePath: "dvm/cart/cart.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-cart', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class CartService {
     constructor() { }
-    static ɵfac = function CartService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CartService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CartService, factory: CartService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CartService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -273,33 +285,25 @@ class CartItemComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function CartItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CartItemComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CartItemComponent, selectors: [["sdc-cart-item"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function CartItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function CartItemComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function CartItemComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function CartItemComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartItemComponent, isStandalone: true, selector: "sdc-cart-item", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CartItemComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-cart-item', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CartItemComponent, { className: "CartItemComponent", filePath: "dvm/cart-item/cart-item.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-cart-item', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class CartItemService {
     constructor() { }
-    static ɵfac = function CartItemService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CartItemService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CartItemService, factory: CartItemService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CartItemService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -309,33 +313,25 @@ class LegendComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function LegendComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LegendComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LegendComponent, selectors: [["sdc-legend"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function LegendComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function LegendComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function LegendComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function LegendComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LegendComponent, isStandalone: true, selector: "sdc-legend", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LegendComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-legend', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LegendComponent, { className: "LegendComponent", filePath: "dvm/legend/legend.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-legend', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class LegendService {
     constructor() { }
-    static ɵfac = function LegendService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LegendService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LegendService, factory: LegendService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LegendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LegendService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LegendService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LegendService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -345,69 +341,249 @@ class LoaderComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function LoaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoaderComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["sdc-loader"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function LoaderComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function LoaderComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function LoaderComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoaderComponent, isStandalone: true, selector: "sdc-loader", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoaderComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-loader', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoaderComponent, { className: "LoaderComponent", filePath: "dvm/loader/loader.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-loader', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class LoaderService {
     constructor() { }
-    static ɵfac = function LoaderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoaderService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoaderService, factory: LoaderService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoaderService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoaderService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
  */
 
+// TODO: this requires adaptation to the new design
+const sideButtonTokens = {
+    root: {
+        primary: {
+            // Text
+            color: '',
+            borderColor: '{zinc.50}',
+            hoverColor: '',
+            activeColor: '',
+            // Background
+            background: '{zinc.50}',
+            hoverBackground: '{zinc.50}',
+            activeBackground: '{zinc.50}',
+            // Border
+            activeBorderColor: '{zinc.50}',
+            hoverBorderColor: '{zinc.50}',
+        },
+    },
+};
+
+/**
+ * Component used to navigate between neighbouring sections.
+ *
+ * It determines the next and previous available sections based on predefined mappings
+ * and emits navigation events when users attempt to move between them.
+ *
+ * @since 1.0.0-alpha.2
+ * @updated 1.0.0-alpha.2
+ */
+class NeighboursComponent {
+    /**
+     * Predefined styles for the side button.
+     */
+    sideButtonStyle = sideButtonTokens;
+    /**
+     * The current section identifier.
+     */
+    currentSection = input.required();
+    /**
+     * Mapping of MMC section IDs to TDC section IDs.
+     */
+    sectionsMmcToTdc = input.required({});
+    /**
+     * Mapping of TDC section IDs to MMC section IDs.
+     */
+    sectionsTdcToMmc = input.required({});
+    /**
+     * Data structure defining neighboring relationships between sections.
+     */
+    neigboursData = input.required({});
+    /**
+     * Icon for the next navigation button.
+     */
+    nextIcon = input('');
+    /**
+     * Icon for the previous navigation button.
+     */
+    previousIcon = input('');
+    /**
+     * Flag indicating whether navigation is restricted to available sections only.
+     * This requires the sectionsAvailability input to be passed, otherwise the initialization of
+     * the component will fail.
+     */
+    onlyNavigateToAvailable = input();
+    /**
+     * Object defining the availability of sections. Required if you are wanting to allow navigation
+     * to available sections only.
+     */
+    sectionsAvailability = input({});
+    /**
+     * Custom styling classes for the component.
+     */
+    styleClasses = input({ middleDivClass: '', sideButtonsClass: '' }, {
+        transform: validateStylesForComponent(this.constructor.name),
+    });
+    /**
+     * Event emitter for section navigation.
+     */
+    sectionToNavigate = output();
+    /**
+     * The ID of the previous available section.
+     */
+    previousAvailableSectionId = signal(null);
+    /**
+     * The ID of the next available section.
+     */
+    nextAvailableSectionId = signal(null);
+    /**
+     * Constant representing the absence of a neighboring section.
+     */
+    NO_NEIGHBOUR_VALUE = 'none';
+    /**
+     * Key mappings for neighboring sections.
+     */
+    neighboursKeys = {
+        prev: 'l',
+        next: 'r',
+    };
+    /**
+     * Key mappings for navigation directions.
+     */
+    keyMapping = {
+        prev: 'previous',
+        next: 'next',
+    };
+    constructor() {
+        effect(() => {
+            this.findAndSetAvailableSection('prev', this.currentSection());
+            this.findAndSetAvailableSection('next', this.currentSection());
+        }, { allowSignalWrites: true });
+    }
+    /**
+     * Handles navigation button clicks. Emits the new section identificator to navigate to.
+     * @param  goTo - The direction to navigate.
+     * @throws  If there is no valid section to navigate to.
+     */
+    onClick(goTo) {
+        const tdcId = this.getTdcIdFromDirection(goTo);
+        if (!tdcId) {
+            throw new Error(`There is no valid ${this.keyMapping[goTo]} section to navigate.`);
+        }
+        this.sectionToNavigate.emit(tdcId);
+    }
+    /**
+     * Retrieves the TDC section ID based on the navigation direction.
+     * @param  direction - The navigation direction.
+     * @returns  The section ID to navigate to, or null if unavailable.
+     */
+    getTdcIdFromDirection(direction) {
+        if (direction === 'prev') {
+            return this.previousAvailableSectionId();
+        }
+        else {
+            return this.nextAvailableSectionId();
+        }
+    }
+    /**
+     * Determines and sets the available section for navigation in the specified direction.
+     * @param type - The navigation direction.
+     * @param [currentSection] - The current section ID (optional).
+     * @throws If navigation is restricted and sectionsAvailability is not provided.
+     */
+    findAndSetAvailableSection(type, currentSection) {
+        // Get the equivalent of MMC ID since the neighbours data contains MMC ID
+        const currentSectionMmcId = this.sectionsTdcToMmc()[currentSection ?? this.currentSection()];
+        // Object that contains the neighbours of the current section
+        const neighborObject = this.neigboursData()[currentSectionMmcId];
+        // Get the neighbours from the neighbours object according to neighbour key
+        const neighborObjectKey = this.neighboursKeys[type];
+        const neighborSectionMmcId = neighborObject[neighborObjectKey];
+        // Get back the translation of the neighbour to TDC ID
+        const neighborSectionTdcId = this.sectionsMmcToTdc()[neighborSectionMmcId];
+        if (neighborSectionTdcId) {
+            // If we only navigate to available sections, check for availablibility.
+            if (this.onlyNavigateToAvailable()) {
+                if (this.sectionsAvailability()) {
+                    const hasAvailability = !!this.sectionsAvailability()[neighborSectionTdcId];
+                    // Set the section to null and stop the recursion if no availability.
+                    if (!hasAvailability) {
+                        return this.setAvailableSection(type, null);
+                    }
+                }
+                else {
+                    throw new Error('To only navigate to available sections, it is required to pass the sections availability parameter.');
+                }
+            }
+            return this.setAvailableSection(type, neighborSectionTdcId);
+        }
+        // If no section was found or the value of the section was None, set to null and stop the recursion
+        if (!neighborSectionMmcId || neighborSectionMmcId === this.NO_NEIGHBOUR_VALUE) {
+            return this.setAvailableSection(type, null);
+        }
+        return this.findAndSetAvailableSection(type, neighborSectionTdcId);
+    }
+    /**
+     * Sets the previous or next section values to the passed value
+     *
+     * @param type - The navigation direction.
+     * @param value - Value to set to either previous or next available section
+     */
+    setAvailableSection(type, value) {
+        if (type === 'prev') {
+            this.previousAvailableSectionId.set(value);
+        }
+        if (type === 'next') {
+            this.nextAvailableSectionId.set(value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NeighboursComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: NeighboursComponent, isStandalone: true, selector: "sdc-neighbours", inputs: { currentSection: { classPropertyName: "currentSection", publicName: "currentSection", isSignal: true, isRequired: true, transformFunction: null }, sectionsMmcToTdc: { classPropertyName: "sectionsMmcToTdc", publicName: "sectionsMmcToTdc", isSignal: true, isRequired: true, transformFunction: null }, sectionsTdcToMmc: { classPropertyName: "sectionsTdcToMmc", publicName: "sectionsTdcToMmc", isSignal: true, isRequired: true, transformFunction: null }, neigboursData: { classPropertyName: "neigboursData", publicName: "neigboursData", isSignal: true, isRequired: true, transformFunction: null }, nextIcon: { classPropertyName: "nextIcon", publicName: "nextIcon", isSignal: true, isRequired: false, transformFunction: null }, previousIcon: { classPropertyName: "previousIcon", publicName: "previousIcon", isSignal: true, isRequired: false, transformFunction: null }, onlyNavigateToAvailable: { classPropertyName: "onlyNavigateToAvailable", publicName: "onlyNavigateToAvailable", isSignal: true, isRequired: false, transformFunction: null }, sectionsAvailability: { classPropertyName: "sectionsAvailability", publicName: "sectionsAvailability", isSignal: true, isRequired: false, transformFunction: null }, styleClasses: { classPropertyName: "styleClasses", publicName: "styleClasses", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sectionToNavigate: "sectionToNavigate" }, ngImport: i0, template: "<div id=\"sdc-neighbours\" class=\"wrapper__neighbours--spacing\">\n  @if (previousAvailableSectionId()) {\n    <sdc-button\n      iconPos=\"left\"\n      [styleClasses]=\"styleClasses()?.sideButtonsClass\"\n      [dt]=\"sideButtonStyle\"\n      label=\"Previous section\"\n      [icon]=\"previousIcon()\"\n      (onClick)=\"onClick('prev')\" />\n  }\n\n  <div id=\"sdc-neighbours-section-info\" class=\"neighbours__section--info\" [class]=\"styleClasses().middleDivClass\">\n    <span>Section</span> <span class=\"content__section--bold\">{{ currentSection() }}</span>\n  </div>\n\n  @if (nextAvailableSectionId()) {\n    <sdc-button\n      [dt]=\"sideButtonStyle\"\n      [styleClasses]=\"styleClasses()?.sideButtonsClass\"\n      iconPos=\"right\"\n      label=\"Next section\"\n      [icon]=\"nextIcon()\"\n      (onClick)=\"onClick('next')\" />\n  }\n</div>\n", styles: [".wrapper__neighbours--spacing{display:flex;column-gap:.5em;min-height:2.25em}.content__section--bold{font-weight:900}.neighbours__section--info{display:flex;justify-content:center;column-gap:.5em;align-items:center;background-color:#f9f9f9;border-radius:9999px;row-gap:.25em;min-width:8em}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["props", "tooltip", "tooltipPos", "badgeValue", "debounceTimeInMs", "styleClasses"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NeighboursComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sdc-neighbours', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"sdc-neighbours\" class=\"wrapper__neighbours--spacing\">\n  @if (previousAvailableSectionId()) {\n    <sdc-button\n      iconPos=\"left\"\n      [styleClasses]=\"styleClasses()?.sideButtonsClass\"\n      [dt]=\"sideButtonStyle\"\n      label=\"Previous section\"\n      [icon]=\"previousIcon()\"\n      (onClick)=\"onClick('prev')\" />\n  }\n\n  <div id=\"sdc-neighbours-section-info\" class=\"neighbours__section--info\" [class]=\"styleClasses().middleDivClass\">\n    <span>Section</span> <span class=\"content__section--bold\">{{ currentSection() }}</span>\n  </div>\n\n  @if (nextAvailableSectionId()) {\n    <sdc-button\n      [dt]=\"sideButtonStyle\"\n      [styleClasses]=\"styleClasses()?.sideButtonsClass\"\n      iconPos=\"right\"\n      label=\"Next section\"\n      [icon]=\"nextIcon()\"\n      (onClick)=\"onClick('next')\" />\n  }\n</div>\n", styles: [".wrapper__neighbours--spacing{display:flex;column-gap:.5em;min-height:2.25em}.content__section--bold{font-weight:900}.neighbours__section--info{display:flex;justify-content:center;column-gap:.5em;align-items:center;background-color:#f9f9f9;border-radius:9999px;row-gap:.25em;min-width:8em}\n"] }]
+        }], ctorParameters: () => [] });
+
 class PopoverComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function PopoverComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PopoverComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PopoverComponent, selectors: [["sdc-popover"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function PopoverComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function PopoverComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function PopoverComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function PopoverComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PopoverComponent, isStandalone: true, selector: "sdc-popover", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PopoverComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-popover', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PopoverComponent, { className: "PopoverComponent", filePath: "dvm/popover/popover.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-popover', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class PopoverService {
     constructor() { }
-    static ɵfac = function PopoverService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PopoverService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PopoverService, factory: PopoverService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopoverService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PopoverService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopoverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -417,33 +593,25 @@ class StepperComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function StepperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepperComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StepperComponent, selectors: [["sdc-stepper"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function StepperComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function StepperComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function StepperComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function StepperComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepperComponent, isStandalone: true, selector: "sdc-stepper", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepperComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-stepper', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StepperComponent, { className: "StepperComponent", filePath: "dvm/stepper/stepper.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-stepper', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class StepperService {
     constructor() { }
-    static ɵfac = function StepperService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepperService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StepperService, factory: StepperService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepperService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -453,42 +621,39 @@ class TicketInfoItemComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function TicketInfoItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TicketInfoItemComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TicketInfoItemComponent, selectors: [["sdc-ticket-info-item"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function TicketInfoItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function TicketInfoItemComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function TicketInfoItemComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function TicketInfoItemComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TicketInfoItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TicketInfoItemComponent, isStandalone: true, selector: "sdc-ticket-info-item", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TicketInfoItemComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-ticket-info-item', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TicketInfoItemComponent, { className: "TicketInfoItemComponent", filePath: "dvm/ticket-info-item/ticket-info-item.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TicketInfoItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-ticket-info-item', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class TicketInfoItemService {
     constructor() { }
-    static ɵfac = function TicketInfoItemService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TicketInfoItemService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TicketInfoItemService, factory: TicketInfoItemService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TicketInfoItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TicketInfoItemService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TicketInfoItemService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TicketInfoItemService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
  */
 
 const NG_SD_COMPONENTS_CONFIG = new InjectionToken('NgSdComponentsConfig');
-function provideSdComponentsTheme(config) {
-    return [{ provide: NG_SD_COMPONENTS_CONFIG, useValue: config }];
-}
+
+const GenericTheme = definePreset(Aura, {
+    components: {
+        button: {
+            borderRadius: '9999px',
+        },
+    },
+});
 
 class ThemeProviderDirective {
     configuration;
@@ -499,50 +664,64 @@ class ThemeProviderDirective {
         this.theme = this.configuration.theme;
         this.class = `theme-${this.theme}`;
     }
-    static ɵfac = function ThemeProviderDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ThemeProviderDirective)(i0.ɵɵdirectiveInject(NG_SD_COMPONENTS_CONFIG)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ThemeProviderDirective, selectors: [["", "themeProvider", ""]], hostVars: 2, hostBindings: function ThemeProviderDirective_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵclassMap(ctx.class);
-        } }, standalone: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThemeProviderDirective, deps: [{ token: NG_SD_COMPONENTS_CONFIG }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ThemeProviderDirective, isStandalone: true, selector: "[themeProvider]", host: { properties: { "class": "this.class" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThemeProviderDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[themeProvider]',
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [NG_SD_COMPONENTS_CONFIG]
-            }] }], { class: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThemeProviderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[themeProvider]',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SD_COMPONENTS_CONFIG]
+                }] }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
-function validateCssClass(value, componentName) {
-    const regex = /^([a-zA-Z][a-zA-Z0-9-_]*)(\s[a-zA-Z][a-zA-Z0-9-_]*)*$/;
-    if (!regex.test(value)) {
-        throw new Error(`Invalid CSS class string passed as input to "styleClasses" input, found on ${componentName}.
-      Please make sure your input is a valid CSS class or a list of whitespace-separated classes.
-      The value provided was: ${value}`);
-    }
-}
-function validateStylesForComponent(componentName) {
-    return (value) => {
-        validateCssClass(value, componentName);
-        return value;
-    };
+/**
+ * Provides all necessary dependencies for the library:
+ * - PrimeNG them
+ * - Angular Pipes (`DatePipe`, `CurrencyPipe`)
+ * - Animations
+ * - CommonModule
+ */
+function provideSdc(config) {
+    const preset = config?.theme === 'generic' ? GenericTheme : Aura;
+    // if config.theme is generic, pass a theme, otherwise, pass another theme
+    const providers = [
+        DatePipe,
+        CurrencyPipe,
+        { provide: NG_SD_COMPONENTS_CONFIG, useValue: config ?? 'generic' },
+        provideAnimationsAsync(),
+        providePrimeNG({
+            theme: {
+                preset,
+                options: {
+                    cssLayer: {
+                        name: 'primeng',
+                        order: 'tailwind-utilities, tailwind-base, primeng, sdc-styles',
+                    },
+                },
+            },
+        }),
+    ];
+    return [...providers];
 }
 
-const _c0 = (a0, a1) => [a0, a1];
 /**
  * A customizable button component built on PrimeNG's Button component.
  *
  * This component supports various configurations, such as tooltips, badge values,
  * and theme styles. It uses the `ThemeProviderDirective` to apply theming dynamically.
  *
- * @class ButtonComponent
+ * @since 1.0.0-alpha.1
+ * @updated 1.0.0-alpha.2
  */
 class ButtonComponent extends Button {
+    props = input();
     /**
      * Tooltip text for the button.
      */
@@ -550,7 +729,7 @@ class ButtonComponent extends Button {
     /**
      * Tooltip position relative to the button.
      */
-    tooltipPos = input('bottom');
+    tooltipPos = input();
     /**
      * Value displayed as a badge on the button.
      */
@@ -589,9 +768,9 @@ class ButtonComponent extends Button {
      * @param event - The click event triggered by the user.
      */
     handleClick(event) {
+        this.onClick.emit(event);
         if (this.isDebounced || this.debounceTimeInMs() <= 0)
             return;
-        this.onClick.emit(event);
         this.disabled = true;
         this.isDebounced = true;
         setTimeout(() => {
@@ -599,21 +778,13 @@ class ButtonComponent extends Button {
             this.isDebounced = false;
         }, this.debounceTimeInMs());
     }
-    static ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["sdc-button"]], inputs: { tooltip: [1, "tooltip"], tooltipPos: [1, "tooltipPos"], badgeValue: [1, "badgeValue"], debounceTimeInMs: [1, "debounceTimeInMs"], styleClasses: [1, "styleClasses"] }, standalone: true, features: [i0.ɵɵProvidersFeature([ButtonStyle]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 20, consts: [["pButton", "", "themeProvider", "", 3, "click", "blur", "text", "size", "type", "icon", "label", "plain", "fluid", "loading", "rounded", "pTooltip", "severity", "outlined", "ariaLabel", "autofocus", "loadingIcon", "tooltipPosition", "ngClass"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "button", 0);
-            i0.ɵɵlistener("click", function ButtonComponent_Template_button_click_0_listener($event) { return ctx.handleClick($event); })("blur", function ButtonComponent_Template_button_blur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            let tmp_1_0;
-            i0.ɵɵproperty("text", ctx.text)("size", (tmp_1_0 = ctx.size) !== null && tmp_1_0 !== undefined ? tmp_1_0 : null)("type", ctx.type)("icon", ctx.icon)("label", ctx.label)("plain", ctx.plain)("fluid", ctx.fluid)("loading", ctx.loading)("rounded", ctx.rounded)("pTooltip", ctx.tooltip())("severity", ctx.severity)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("autofocus", ctx.autofocus)("loadingIcon", ctx.loadingIcon)("tooltipPosition", ctx.tooltipPos())("ngClass", i0.ɵɵpureFunction2(17, _c0, ctx.themeClass, ctx.styleClasses()));
-        } }, dependencies: [CommonModule, i1$2.NgClass, ButtonModule, i1$1.ButtonDirective, TooltipModule, i3$1.Tooltip, RippleModule, ThemeProviderDirective], styles: ["[_ngcontent-%COMP%]:root{--p-button-primary-color: white !important;--p-button-primary-contrast-color: white !important;--p-button-primary-hover-color: white !important}[_ngcontent-%COMP%]:root   .theme-generic[_ngcontent-%COMP%]{--p-button-border-radius: 9999px}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPos: { classPropertyName: "tooltipPos", publicName: "tooltipPos", isSignal: true, isRequired: false, transformFunction: null }, badgeValue: { classPropertyName: "badgeValue", publicName: "badgeValue", isSignal: true, isRequired: false, transformFunction: null }, debounceTimeInMs: { classPropertyName: "debounceTimeInMs", publicName: "debounceTimeInMs", isSignal: true, isRequired: false, transformFunction: null }, styleClasses: { classPropertyName: "styleClasses", publicName: "styleClasses", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ButtonStyle, Button, TooltipStyle], usesInheritance: true, ngImport: i0, template: "<button\n  pButton\n  themeProvider\n  id=\"sdc-button\"\n  [buttonProps]=\"props()\"\n  [dt]=\"dt\"\n  [ngClass]=\"[themeClass, styleClasses()]\"\n  [text]=\"text\"\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  [type]=\"type\"\n  [plain]=\"plain\"\n  [fluid]=\"fluid\"\n  [loading]=\"loading\"\n  [rounded]=\"rounded\"\n  [severity]=\"severity\"\n  [outlined]=\"outlined\"\n  [disabled]=\"disabled\"\n  [size]=\"size ?? null\"\n  [pTooltip]=\"tooltip?.()\"\n  [autofocus]=\"autofocus\"\n  [loadingIcon]=\"loadingIcon\"\n  [tooltipPosition]=\"tooltipPos?.() ?? 'bottom'\"\n  (click)=\"handleClick($event)\"\n  (blur)=\"this.onBlur.emit($event)\">\n  <ng-content></ng-content>\n</button>\n", styles: [":root{--p-button-primary-color: white !important;--p-button-primary-contrast-color: white !important;--p-button-primary-hover-color: white !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: ThemeProviderDirective, selector: "[themeProvider]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
-        type: Component,
-        args: [{ standalone: true, selector: 'sdc-button', providers: [ButtonStyle], imports: [CommonModule, ButtonModule, TooltipModule, RippleModule, ThemeProviderDirective], template: "<button\n  pButton\n  themeProvider\n  [text]=\"text\"\n  [size]=\"size ?? null\"\n  [type]=\"type\"\n  [icon]=\"icon!\"\n  [label]=\"label!\"\n  [plain]=\"plain\"\n  [fluid]=\"fluid\"\n  [loading]=\"loading\"\n  [rounded]=\"rounded\"\n  [pTooltip]=\"tooltip()\"\n  [severity]=\"severity\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [autofocus]=\"autofocus\"\n  [loadingIcon]=\"loadingIcon\"\n  [tooltipPosition]=\"tooltipPos()\"\n  [ngClass]=\"[themeClass, styleClasses()]\"\n  (click)=\"handleClick($event)\"\n  (blur)=\"this.onBlur.emit($event)\"></button>\n", styles: [":root{--p-button-primary-color: white !important;--p-button-primary-contrast-color: white !important;--p-button-primary-hover-color: white !important}:root .theme-generic{--p-button-border-radius: 9999px}\n"] }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "generic/button/button.component.ts", lineNumber: 25 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sdc-button', providers: [ButtonStyle, Button, TooltipStyle], imports: [CommonModule, ButtonModule, TooltipModule, RippleModule, ThemeProviderDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<button\n  pButton\n  themeProvider\n  id=\"sdc-button\"\n  [buttonProps]=\"props()\"\n  [dt]=\"dt\"\n  [ngClass]=\"[themeClass, styleClasses()]\"\n  [text]=\"text\"\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  [type]=\"type\"\n  [plain]=\"plain\"\n  [fluid]=\"fluid\"\n  [loading]=\"loading\"\n  [rounded]=\"rounded\"\n  [severity]=\"severity\"\n  [outlined]=\"outlined\"\n  [disabled]=\"disabled\"\n  [size]=\"size ?? null\"\n  [pTooltip]=\"tooltip?.()\"\n  [autofocus]=\"autofocus\"\n  [loadingIcon]=\"loadingIcon\"\n  [tooltipPosition]=\"tooltipPos?.() ?? 'bottom'\"\n  (click)=\"handleClick($event)\"\n  (blur)=\"this.onBlur.emit($event)\">\n  <ng-content></ng-content>\n</button>\n", styles: [":root{--p-button-primary-color: white !important;--p-button-primary-contrast-color: white !important;--p-button-primary-hover-color: white !important}\n"] }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -623,33 +794,25 @@ class DrawerComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function DrawerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerComponent, selectors: [["sdc-drawer"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function DrawerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function DrawerComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function DrawerComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function DrawerComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DrawerComponent, isStandalone: true, selector: "sdc-drawer", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-drawer', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerComponent, { className: "DrawerComponent", filePath: "generic/drawer/drawer.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-drawer', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class DrawerService {
     constructor() { }
-    static ɵfac = function DrawerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DrawerService, factory: DrawerService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
@@ -659,41 +822,36 @@ class ModalComponent extends Button {
     constructor() {
         super();
     }
-    static ɵfac = function ModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["sdc-drawer"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 21, consts: [[3, "onClick", "onFocus", "onBlur", "label", "icon", "type", "loading", "iconPos", "disabled", "severity", "rounded", "raised", "link", "size", "badge", "plain", "text", "outlined", "ariaLabel", "styleClass", "badgeClass", "loadingIcon"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-button", 0);
-            i0.ɵɵlistener("onClick", function ModalComponent_Template_p_button_onClick_0_listener($event) { return ctx.onClick.emit($event); })("onFocus", function ModalComponent_Template_p_button_onFocus_0_listener($event) { return ctx.onFocus.emit($event); })("onBlur", function ModalComponent_Template_p_button_onBlur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("label", ctx.label)("icon", ctx.icon)("type", ctx.type)("loading", ctx.loading)("iconPos", ctx.iconPos)("disabled", ctx.disabled)("severity", ctx.severity)("rounded", ctx.rounded)("raised", ctx.raised)("link", ctx.link)("size", ctx.size)("badge", ctx.badge)("plain", ctx.plain)("text", ctx.text)("outlined", ctx.outlined)("ariaLabel", ctx.ariaLabel)("styleClass", ctx.styleClass)("badgeClass", ctx.badgeClass)("loadingIcon", ctx.loadingIcon);
-        } }, dependencies: [ButtonModule, i1$1.Button], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "sdc-drawer", usesInheritance: true, ngImport: i0, template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalComponent, [{
-        type: Component,
-        args: [{ selector: 'sdc-drawer', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalComponent, { className: "ModalComponent", filePath: "generic/modal/modal.component.ts", lineNumber: 10 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-drawer', standalone: true, imports: [ButtonModule], template: "<p-button\n  [label]=\"label\"\n  [icon]=\"icon\"\n  [type]=\"type\"\n  [loading]=\"loading\"\n  [iconPos]=\"iconPos\"\n  [disabled]=\"disabled\"\n  [severity]=\"severity\"\n  [rounded]=\"rounded\"\n  [raised]=\"raised\"\n  [link]=\"link\"\n  [size]=\"size\"\n  [badge]=\"badge\"\n  [plain]=\"plain\"\n  [text]=\"text\"\n  [style]=\"style\"\n  [outlined]=\"outlined\"\n  [ariaLabel]=\"ariaLabel\"\n  [styleClass]=\"styleClass\"\n  [badgeClass]=\"badgeClass\"\n  [loadingIcon]=\"loadingIcon\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\" />\n" }]
+        }], ctorParameters: () => [] });
 
 class ModalService {
     constructor() { }
-    static ɵfac = function ModalService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ModalService, factory: ModalService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, providedIn: 'root' });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of software-division-components
  */
 
+// NOTE: This will determine what is publicly available from within the library to application consumers
+// Be careful with what you expose
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CartComponent, CartItemComponent, CartItemService, CartService, DrawerComponent, DrawerService, LegendComponent, LegendService, LoaderComponent, LoaderService, ModalComponent, ModalService, PopoverComponent, PopoverService, StepperComponent, StepperService, TableComponent, TableService, TicketInfoItemComponent, TicketInfoItemService, provideSdComponentsTheme, tableFactory };
+export { ButtonComponent, CartComponent, CartItemComponent, CartItemService, CartService, DrawerComponent, DrawerService, LegendComponent, LegendService, LoaderComponent, LoaderService, ModalComponent, ModalService, NeighboursComponent, PopoverComponent, PopoverService, StepperComponent, StepperService, TableComponent, TableService, TicketInfoItemComponent, TicketInfoItemService, provideSdc };
 //# sourceMappingURL=3ddv-software-division-components.mjs.map