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

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

@@ -1,857 +0,0 @@
-import * as i1$1 from '@angular/common';
-import { CurrencyPipe, DatePipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-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 { RippleModule } from 'primeng/ripple';
-import * as i3$1 from 'primeng/tooltip';
-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 = 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" }] });
-}
-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 = 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 });
-}
-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 {
-    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(this.constructor.name) });
-    columnData = input.required();
-    sortable = input();
-    export = input();
-    exportButtonLabel = input('Export');
-    contextMenuOptions = input();
-    projectedElementIdArray = input();
-    customRowTemplate;
-    selectedRow;
-    cb(event) { }
-    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 });
-}
-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 = 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' });
-}
-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 = 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"] }] });
-}
-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 = 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' });
-}
-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
- */
-
-class CartItemComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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
- */
-
-class LegendComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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
- */
-
-class LoaderComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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 = 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"] }] });
-}
-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 = 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' });
-}
-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
- */
-
-class StepperComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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
- */
-
-class TicketInfoItemComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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');
-
-const GenericTheme = definePreset(Aura, {
-    components: {
-        button: {
-            borderRadius: '9999px',
-        },
-    },
-});
-
-class ThemeProviderDirective {
-    configuration;
-    class = '';
-    theme = '';
-    constructor(configuration) {
-        this.configuration = configuration;
-        this.theme = this.configuration.theme;
-        this.class = `theme-${this.theme}`;
-    }
-    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 });
-}
-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']
-            }] } });
-
-/**
- * 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];
-}
-
-/**
- * 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.
- *
- * @since 1.0.0-alpha.1
- * @updated 1.0.0-alpha.2
- */
-class ButtonComponent extends Button {
-    props = input();
-    /**
-     * Tooltip text for the button.
-     */
-    tooltip = input('');
-    /**
-     * Tooltip position relative to the button.
-     */
-    tooltipPos = input();
-    /**
-     * Value displayed as a badge on the button.
-     */
-    badgeValue = input('');
-    /**
-     * Value displayed as a badge on the button.
-     */
-    debounceTimeInMs = input(0);
-    /**
-     * Single string or whitespace-separated string of additional style classes for the button.
-     * Only accepts valid whitespace-separated class names.
-     */
-    styleClasses = input('', { transform: validateStylesForComponent(this.constructor.name) });
-    /**
-     * Tracks whether the button is in a debounced state.
-     */
-    isDebounced = false;
-    /**
-     * The current theme applied to the button. This is set by the `ThemeProviderDirective`.
-     */
-    theme = '';
-    /**
-     * CSS class based on the theme. This is dynamically generated.
-     */
-    themeClass = '';
-    constructor() {
-        super();
-    }
-    /**
-     * Handles the click event for the button with debounce logic.
-     *
-     * This method prevents multiple rapid clicks by disabling the button
-     * for the specified debounce time. If `debounceTime` is set to 0,
-     * the button remains interactive without debounce behavior.
-     *
-     * @param event - The click event triggered by the user.
-     */
-    handleClick(event) {
-        this.onClick.emit(event);
-        if (this.isDebounced || this.debounceTimeInMs() <= 0)
-            return;
-        this.disabled = true;
-        this.isDebounced = true;
-        setTimeout(() => {
-            this.disabled = false;
-            this.isDebounced = false;
-        }, this.debounceTimeInMs());
-    }
-    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 });
-}
-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
- */
-
-class DrawerComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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
- */
-
-class ModalComponent extends Button {
-    constructor() {
-        super();
-    }
-    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"] }] });
-}
-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 = 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' });
-}
-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, NeighboursComponent, PopoverComponent, PopoverService, StepperComponent, StepperService, TableComponent, TableService, TicketInfoItemComponent, TicketInfoItemService, provideSdc };
-//# sourceMappingURL=3ddv-software-division-components.mjs.map