@leanix/components 0.4.478 → 0.4.480

package/esm2022/lib/core-ui/components/table/table-header/table-header.component.mjs

@@ -44,10 +44,21 @@ registerIcon('sort-asc', {
         ]
     })
 });
+/**
+ * The `lx-th` can be used in combination with `lx-table` to implement sortable `<table>` elements.
+ */
 export class TableHeaderComponent {
     #sort;
     constructor(parentTable) {
         this.parentTable = parentTable;
+        /**
+         * Prevents the user from clearing the sort.
+         * Only allowing to toggle between asc & desc.
+         */
+        this.disableSortClear = false;
+        /**
+         * Triggers whenever the user changes the sort order.
+         */
         this.sortChange = new EventEmitter();
         this.sortable = computed(() => this.parentTable?.isSortable() ?? false);
         this.order = computed(() => {
@@ -63,7 +74,7 @@ export class TableHeaderComponent {
     }
     onSort() {
         if (this.column) {
-            const sort = { key: this.column, order: determineNewOrder(this.order()) };
+            const sort = { key: this.column, order: determineNewOrder(this.order(), this.disableSortClear) };
             if (!this.parentTable) {
                 this.#sort.set(sort);
             }
@@ -72,7 +83,7 @@ export class TableHeaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TableHeaderComponent, deps: [{ token: i1.TableComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TableHeaderComponent, isStandalone: true, selector: "lx-th", inputs: { column: "column" }, outputs: { sortChange: "sortChange" }, host: { attributes: { "role": "columnheader" }, listeners: { "keydown.enter": "onSort()", "click": "onSort()" }, properties: { "class.sortable": "sortable()", "tabIndex": "sortable() ? 0 : -1" } }, ngImport: i0, template: "<div class=\"wrapper\">\n  <span>\n    <ng-content />\n  </span>\n  @if (sortable()) {\n    @if (!order()) {\n      <ui5-icon name=\"lx-icons/sort\" />\n    } @else if (order() === 'ASC') {\n      <ui5-icon name=\"lx-icons/sort-asc\" />\n    } @else if (order() === 'DESC') {\n      <ui5-icon name=\"lx-icons/sort-desc\" />\n    }\n  }\n</div>\n", styles: [":host{display:table-cell;line-height:normal;padding:8px;border-bottom:2px solid #e1e5eb;border-top:none;font-weight:700;color:#526179}:host.sortable span{cursor:pointer}.wrapper{display:flex;align-items:center;gap:4px}ui5-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], exportAs: ["ui5Icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TableHeaderComponent, isStandalone: true, selector: "lx-th", inputs: { column: "column", disableSortClear: "disableSortClear" }, outputs: { sortChange: "sortChange" }, host: { attributes: { "role": "columnheader" }, listeners: { "keydown.enter": "onSort()", "click": "onSort()" }, properties: { "class.sortable": "sortable()", "tabIndex": "sortable() ? 0 : -1" } }, ngImport: i0, template: "<div class=\"wrapper\">\n  <span>\n    <ng-content />\n  </span>\n  @if (sortable()) {\n    @if (!order()) {\n      <ui5-icon name=\"lx-icons/sort\" />\n    } @else if (order() === 'ASC') {\n      <ui5-icon name=\"lx-icons/sort-asc\" />\n    } @else if (order() === 'DESC') {\n      <ui5-icon name=\"lx-icons/sort-desc\" />\n    }\n  }\n</div>\n", styles: [":host{display:table-cell;line-height:normal;padding:8px;border-bottom:2px solid #e1e5eb;border-top:none;font-weight:700;color:#526179}:host.sortable span{cursor:pointer}.wrapper{display:flex;align-items:center;gap:4px}ui5-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], exportAs: ["ui5Icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TableHeaderComponent, decorators: [{
             type: Component,
@@ -85,6 +96,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                     type: Optional
                 }] }], propDecorators: { column: [{
                 type: Input
+            }], disableSortClear: [{
+                type: Input
             }], sortChange: [{
                 type: Output
             }], onSort: [{
@@ -94,14 +107,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                 type: HostListener,
                 args: ['click']
             }] } });
-function determineNewOrder(currentOrder) {
-    let newOrder = undefined;
+function determineNewOrder(currentOrder, disableSortClear) {
     if (!currentOrder) {
-        newOrder = 'ASC';
+        return 'ASC';
     }
     else if (currentOrder === 'ASC') {
-        newOrder = 'DESC';
+        return 'DESC';
+    }
+    else if (currentOrder === 'DESC') {
+        return disableSortClear ? 'ASC' : undefined;
     }
-    return newOrder;
+    return undefined;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy90YWJsZS90YWJsZS1oZWFkZXIvdGFibGUtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy90YWJsZS90YWJsZS1oZWFkZXIvdGFibGUtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFJLGlEQUFpRDtBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsaURBQWlEO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3REFBd0QsQ0FBQzs7O0FBR3RGLFlBQVksQ0FBQyxNQUFNLEVBQUU7SUFDbkIsUUFBUSxFQUFFLEVBQUU7SUFDWixHQUFHLEVBQUUsS0FBSztJQUNWLFVBQVUsRUFBRSxVQUFVO0lBQ3RCLFdBQVcsRUFBRSxpQkFBaUI7SUFDOUIsT0FBTyxFQUFFLFdBQVc7SUFDcEIsY0FBYyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDckIsT0FBTyxFQUFFO1lBQ1AsdVVBQXVVO1lBQ3ZVLG9YQUFvWDtTQUNyWDtLQUNGLENBQUM7Q0FDSCxDQUFDLENBQUM7QUFDSCxZQUFZLENBQUMsV0FBVyxFQUFFO0lBQ3hCLFFBQVEsRUFBRSxFQUFFO0lBQ1osR0FBRyxFQUFFLEtBQUs7SUFDVixVQUFVLEVBQUUsVUFBVTtJQUN0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QixTQUFTLENBQUM7SUFDdEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDbkIsQ0FBQztTQUFNLElBQUksWUFBWSxLQUFLLEtBQUssRUFBRSxDQUFDO1FBQ2xDLFFBQVEsR0FBRyxNQUFNLENBQUM7SUFDcEIsQ0FBQztJQUNELE9BQU8sUUFBUSxDQUFDO0FBQ2xCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9wdGlvbmFsLCBPdXRwdXQsIGNvbXB1dGVkLCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9yZGVyT3B0aW9uLCBTb3J0aW5nT3B0aW9ucyB9IGZyb20gJy4uLy4uLy4uL3BpcGVzL3NvcnQucGlwZSc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzLW5neC9tYWluL2ljb24nO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0IHsgcmVnaXN0ZXJJY29uIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzLWJhc2UvZGlzdC9hc3NldC1yZWdpc3RyaWVzL0ljb25zLmpzJztcbmltcG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi4vdGFibGUuY29tcG9uZW50JztcblxucmVnaXN0ZXJJY29uKCdzb3J0Jywge1xuICBwYXRoRGF0YTogJycsXG4gIGx0cjogZmFsc2UsXG4gIGNvbGxlY3Rpb246ICdseC1pY29ucycsXG4gIHBhY2thZ2VOYW1lOiAnQGxlYW5peC90aGVtaW5nJyxcbiAgdmlld0JveDogJzAgMCAxNiAxNicsXG4gIGN1c3RvbVRlbXBsYXRlOiAoKSA9PiAoe1xuICAgIHN0cmluZ3M6IFtcbiAgICAgICc8cGF0aCBkPVwiTTguMDAyNzggMkM4LjE5Nzc4IDIgOC4zNzc3OCAyLjA5IDguNDkwMjggMi4yNDc1TDEwLjg5MDMgNS41NDc1QzExLjAyNTMgNS43Mjc1IDExLjA0MDMgNS45NzUgMTAuOTQyOCA2LjE3QzEwLjgzNzggNi4zNzI1IDEwLjYzNTMgNi41IDEwLjQxMDMgNi41TDUuNjEwMjggNi41QzUuMzg1MjggNi41IDUuMTc1MjggNi4zNzI1IDUuMDc3NzggNi4xN0M0Ljk3Mjc4IDUuOTY3NSA0Ljk5NTI4IDUuNzI3NSA1LjEzMDI4IDUuNTQ3NUw3LjUzMDI4IDIuMjQ3NUM3LjY0Mjc4IDIuMDkgNy44MjI3OCAyIDguMDE3NzggMkg4LjAwMjc4WlwiIGZpbGw9XCIjOTlBNUJCXCIvPicsXG4gICAgICAnPHBhdGggZD1cIk04LjAwMjc4IDE0LjQ1NUM3LjgwNzc4IDE0LjQ1NSA3LjYyNzc4IDE0LjM2NSA3LjUxNTI4IDE0LjIwNzVMNS4xMTUyOCAxMC45MDc1QzQuOTgwMjggMTAuNzI3NSA0Ljk2NTI4IDEwLjQ4IDUuMDYyNzggMTAuMjg1QzUuMTY3NzggMTAuMDgyNSA1LjM3MDI4IDkuOTU0OTYgNS41OTUyOCA5Ljk1NDk2SDEwLjM5NTNDMTAuNjIwMyA5Ljk1NDk2IDEwLjgzMDMgMTAuMDgyNSAxMC45Mjc4IDEwLjI4NUMxMS4wMzI4IDEwLjQ4NzUgMTEuMDEwMyAxMC43Mjc1IDEwLjg3NTMgMTAuOTA3NUw4LjQ3NTI4IDE0LjIwNzVDOC4zNjI3OCAxNC4zNjUgOC4xODI3OCAxNC40NTUgNy45ODc3OCAxNC40NTVIOC4wMDI3OFpcIiBmaWxsPVwiIzk5QTVCQlwiLz4nXG4gICAgXVxuICB9KVxufSk7XG5yZWdpc3Rlckljb24oJ3NvcnQtZGVzYycsIHtcbiAgcGF0aERhdGE6ICcnLFxuICBsdHI6IGZhbHNlLFxuICBjb2xsZWN0aW9uOiAnbHgtaWNvbnMnLFxuICBwYWNrYWdlTmFtZTogJ0BsZWFuaXgvdGhlbWluZycsXG4gIHZpZXdCb3g6ICcwIDAgMTYgMTYnLFxuICBjdXN0b21UZW1wbGF0ZTogKCkgPT4gKHtcbiAgICBzdHJpbmdzOiBbXG4gICAgICAnPHBhdGggZD1cIk04LjAwMjc4IDJDOC4xOTc3OCAyIDguMzc3NzggMi4wOSA4LjQ5MDI4IDIuMjQ3NUwxMC44OTAzIDUuNTQ3NUMxMS4wMjUzIDUuNzI3NSAxMS4wNDAzIDUuOTc1IDEwLjk0MjggNi4xN0MxMC44Mzc4IDYuMzcyNSAxMC42MzUzIDYuNSAxMC40MTAzIDYuNUw1LjYxMDI4IDYuNUM1LjM4NTI4IDYuNSA1LjE3NTI4IDYuMzcyNSA1LjA3Nzc4IDYuMTdDNC45NzI3OCA1Ljk2NzUgNC45OTUyOCA1LjcyNzUgNS4xMzAyOCA1LjU0NzVMNy41MzAyOCAyLjI0NzVDNy42NDI3OCAyLjA5IDcuODIyNzggMiA4LjAxNzc4IDJIOC4wMDI3OFpcIiBmaWxsPVwiIzk5QTVCQlwiLz4nLFxuICAgICAgJzxwYXRoIGQ9XCJNOC4wMDI3OCAxNC40NTVDNy44MDc3OCAxNC40NTUgNy42Mjc3OCAxNC4zNjUgNy41MTUyOCAxNC4yMDc1TDUuMTE1MjggMTAuOTA3NUM0Ljk4MDI4IDEwLjcyNzUgNC45NjUyOCAxMC40OCA1LjA2Mjc4IDEwLjI4NUM1LjE2Nzc4IDEwLjA4MjUgNS4zNzAyOCA5Ljk1NDk2IDUuNTk1MjggOS45NTQ5NkgxMC4zOTUzQzEwLjYyMDMgOS45NTQ5NiAxMC44MzAzIDEwLjA4MjUgMTAuOTI3OCAxMC4yODVDMTEuMDMyOCAxMC40ODc1IDExLjAxMDMgMTAuNzI3NSAxMC44NzUzIDEwLjkwNzVMOC40NzUyOCAxNC4yMDc1QzguMzYyNzggMTQuMzY1IDguMTgyNzggMTQuNDU1IDcuOTg3NzggMTQuNDU1SDguMDAyNzhaXCIgZmlsbD1cIiMyQTMwM0RcIi8+J1xuICAgIF1cbiAgfSlcbn0pO1xucmVnaXN0ZXJJY29uKCdzb3J0LWFzYycsIHtcbiAgcGF0aERhdGE6ICcnLFxuICBsdHI6IGZhbHNlLFxuICBjb2xsZWN0aW9uOiAnbHgtaWNvbnMnLFxuICBwYWNrYWdlTmFtZTogJ0BsZWFuaXgvdGhlbWluZycsXG4gIHZpZXdCb3g6ICcwIDAgMTYgMTYnLFxuICBjdXN0b21UZW1wbGF0ZTogKCkgPT4gKHtcbiAgICBzdHJpbmdzOiBbXG4gICAgICAnPHBhdGggZD1cIk04LjAwMjc4IDJDOC4xOTc3OCAyIDguMzc3NzggMi4wOSA4LjQ5MDI4IDIuMjQ3NUwxMC44OTAzIDUuNTQ3NUMxMS4wMjUzIDUuNzI3NSAxMS4wNDAzIDUuOTc1IDEwLjk0MjggNi4xN0MxMC44Mzc4IDYuMzcyNSAxMC42MzUzIDYuNSAxMC40MTAzIDYuNUw1LjYxMDI4IDYuNUM1LjM4NTI4IDYuNSA1LjE3NTI4IDYuMzcyNSA1LjA3Nzc4IDYuMTdDNC45NzI3OCA1Ljk2NzUgNC45OTUyOCA1LjcyNzUgNS4xMzAyOCA1LjU0NzVMNy41MzAyOCAyLjI0NzVDNy42NDI3OCAyLjA5IDcuODIyNzggMiA4LjAxNzc4IDJIOC4wMDI3OFpcIiBmaWxsPVwiIzJBMzAzRFwiLz4nLFxuICAgICAgJzxwYXRoIGQ9XCJNOC4wMDI3OCAxNC40NTVDNy44MDc3OCAxNC40NTUgNy42Mjc3OCAxNC4zNjUgNy41MTUyOCAxNC4yMDc1TDUuMTE1MjggMTAuOTA3NUM0Ljk4MDI4IDEwLjcyNzUgNC45NjUyOCAxMC40OCA1LjA2Mjc4IDEwLjI4NUM1LjE2Nzc4IDEwLjA4MjUgNS4zNzAyOCA5Ljk1NDk2IDUuNTk1MjggOS45NTQ5NkgxMC4zOTUzQzEwLjYyMDMgOS45NTQ5NiAxMC44MzAzIDEwLjA4MjUgMTAuOTI3OCAxMC4yODVDMTEuMDMyOCAxMC40ODc1IDExLjAxMDMgMTAuNzI3NSAxMC44NzUzIDEwLjkwNzVMOC40NzUyOCAxNC4yMDc1QzguMzYyNzggMTQuMzY1IDguMTgyNzggMTQuNDU1IDcuOTg3NzggMTQuNDU1SDguMDAyNzhaXCIgZmlsbD1cIiM5OUE1QkJcIi8+J1xuICAgIF1cbiAgfSlcbn0pO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC10aCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNvcnRhYmxlXSc6ICdzb3J0YWJsZSgpJyxcbiAgICAnW3RhYkluZGV4XSc6ICdzb3J0YWJsZSgpID8gMCA6IC0xJyxcbiAgICByb2xlOiAnY29sdW1uaGVhZGVyJ1xuICB9LFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBjb2x1bW4/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIHNvcnRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNvcnRpbmdPcHRpb25zPigpO1xuXG4gIHNvcnRhYmxlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5wYXJlbnRUYWJsZT8uaXNTb3J0YWJsZSgpID8/IGZhbHNlKTtcbiAgb3JkZXIgPSBjb21wdXRlZDxPcmRlck9wdGlvbj4oKCkgPT4ge1xuICAgIGNvbnN0IHNvcnQgPSB0aGlzLnBhcmVudFRhYmxlID8gdGhpcy5wYXJlbnRUYWJsZS5zb3J0KCkgOiB0aGlzLiNzb3J0KCk7XG4gICAgaWYgKHRoaXMuY29sdW1uICE9PSBzb3J0Py5rZXkpIHtcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBzb3J0Py5vcmRlcjtcbiAgICB9XG4gIH0pO1xuXG4gICNzb3J0ID0gc2lnbmFsPFNvcnRpbmdPcHRpb25zPih7IGtleTogdGhpcy5jb2x1bW4sIG9yZGVyOiB1bmRlZmluZWQgfSk7XG5cbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBwYXJlbnRUYWJsZT86IFRhYmxlQ29tcG9uZW50KSB7fVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uZW50ZXInKSBASG9zdExpc3RlbmVyKCdjbGljaycpIG9uU29ydCgpIHtcbiAgICBpZiAodGhpcy5jb2x1bW4pIHtcbiAgICAgIGNvbnN0IHNvcnQgPSB7IGtleTogdGhpcy5jb2x1bW4sIG9yZGVyOiBkZXRlcm1pbmVOZXdPcmRlcih0aGlzLm9yZGVyKCkpIH07XG4gICAgICBpZiAoIXRoaXMucGFyZW50VGFibGUpIHtcbiAgICAgICAgdGhpcy4jc29ydC5zZXQoc29ydCk7XG4gICAgICB9XG4gICAgICB0aGlzLnNvcnRDaGFuZ2UuZW1pdChzb3J0KTtcbiAgICAgIHRoaXMucGFyZW50VGFibGU/Lm9uVGFibGVIZWFkZXJTb3J0Q2hhbmdlKHNvcnQpO1xuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBkZXRlcm1pbmVOZXdPcmRlcihjdXJyZW50T3JkZXI6IE9yZGVyT3B0aW9uKSB7XG4gIGxldCBuZXdPcmRlcjogT3JkZXJPcHRpb24gPSB1bmRlZmluZWQ7XG4gIGlmICghY3VycmVudE9yZGVyKSB7XG4gICAgbmV3T3JkZXIgPSAnQVNDJztcbiAgfSBlbHNlIGlmIChjdXJyZW50T3JkZXIgPT09ICdBU0MnKSB7XG4gICAgbmV3T3JkZXIgPSAnREVTQyc7XG4gIH1cbiAgcmV0dXJuIG5ld09yZGVyO1xufVxuIiwiPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cbiAgPHNwYW4+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgPC9zcGFuPlxuICBAaWYgKHNvcnRhYmxlKCkpIHtcbiAgICBAaWYgKCFvcmRlcigpKSB7XG4gICAgICA8dWk1LWljb24gbmFtZT1cImx4LWljb25zL3NvcnRcIiAvPlxuICAgIH0gQGVsc2UgaWYgKG9yZGVyKCkgPT09ICdBU0MnKSB7XG4gICAgICA8dWk1LWljb24gbmFtZT1cImx4LWljb25zL3NvcnQtYXNjXCIgLz5cbiAgICB9IEBlbHNlIGlmIChvcmRlcigpID09PSAnREVTQycpIHtcbiAgICAgIDx1aTUtaWNvbiBuYW1lPVwibHgtaWNvbnMvc29ydC1kZXNjXCIgLz5cbiAgICB9XG4gIH1cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy90YWJsZS90YWJsZS1oZWFkZXIvdGFibGUtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy90YWJsZS90YWJsZS1oZWFkZXIvdGFibGUtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFJLGlEQUFpRDtBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsaURBQWlEO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3REFBd0QsQ0FBQzs7O0FBR3RGLFlBQVksQ0FBQyxNQUFNLEVBQUU7SUFDbkIsUUFBUSxFQUFFLEVBQUU7SUFDWixHQUFHLEVBQUUsS0FBSztJQUNWLFVBQVUsRUFBRSxVQUFVO0lBQ3RCLFdBQVcsRUFBRSxpQkFBaUI7SUFDOUIsT0FBTyxFQUFFLFdBQVc7SUFDcEIsY0FBYyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDckIsT0FBTyxFQUFFO1lBQ1AsdVVBQXVVO1lBQ3ZVLG9YQUFvWDtTQUNyWDtLQUNGLENBQUM7Q0FDSCxDQUFDLENBQUM7QUFDSCxZQUFZLENBQUMsV0FBVyxFQUFFO0lBQ3hCLFFBQVEsRUFBRSxFQUFFO0lBQ1osR0FBRyxFQUFFLEtBQUs7SUFDVixVQUFVLEVBQUUsVUFBVTtJQUN0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QU07Z0JBZ0IrQyxNQUFNO3NCQUEzRCxZQUFZO3VCQUFDLGVBQWU7O3NCQUFHLFlBQVk7dUJBQUMsT0FBTzs7QUFZdEQsU0FBUyxpQkFBaUIsQ0FBQyxZQUF5QixFQUFFLGdCQUF5QjtJQUM3RSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDbEIsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO1NBQU0sSUFBSSxZQUFZLEtBQUssS0FBSyxFQUFFLENBQUM7UUFDbEMsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztTQUFNLElBQUksWUFBWSxLQUFLLE1BQU0sRUFBRSxDQUFDO1FBQ25DLE9BQU8sZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQzlDLENBQUM7SUFDRCxPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPcHRpb25hbCwgT3V0cHV0LCBjb21wdXRlZCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPcmRlck9wdGlvbiwgU29ydGluZ09wdGlvbnMgfSBmcm9tICcuLi8uLi8uLi9waXBlcy9zb3J0LnBpcGUnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1uZ3gvbWFpbi9pY29uJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IHJlZ2lzdGVySWNvbiB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlL2Rpc3QvYXNzZXQtcmVnaXN0cmllcy9JY29ucy5qcyc7XG5pbXBvcnQgeyBUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4uL3RhYmxlLmNvbXBvbmVudCc7XG5cbnJlZ2lzdGVySWNvbignc29ydCcsIHtcbiAgcGF0aERhdGE6ICcnLFxuICBsdHI6IGZhbHNlLFxuICBjb2xsZWN0aW9uOiAnbHgtaWNvbnMnLFxuICBwYWNrYWdlTmFtZTogJ0BsZWFuaXgvdGhlbWluZycsXG4gIHZpZXdCb3g6ICcwIDAgMTYgMTYnLFxuICBjdXN0b21UZW1wbGF0ZTogKCkgPT4gKHtcbiAgICBzdHJpbmdzOiBbXG4gICAgICAnPHBhdGggZD1cIk04LjAwMjc4IDJDOC4xOTc3OCAyIDguMzc3NzggMi4wOSA4LjQ5MDI4IDIuMjQ3NUwxMC44OTAzIDUuNTQ3NUMxMS4wMjUzIDUuNzI3NSAxMS4wNDAzIDUuOTc1IDEwLjk0MjggNi4xN0MxMC44Mzc4IDYuMzcyNSAxMC42MzUzIDYuNSAxMC40MTAzIDYuNUw1LjYxMDI4IDYuNUM1LjM4NTI4IDYuNSA1LjE3NTI4IDYuMzcyNSA1LjA3Nzc4IDYuMTdDNC45NzI3OCA1Ljk2NzUgNC45OTUyOCA1LjcyNzUgNS4xMzAyOCA1LjU0NzVMNy41MzAyOCAyLjI0NzVDNy42NDI3OCAyLjA5IDcuODIyNzggMiA4LjAxNzc4IDJIOC4wMDI3OFpcIiBmaWxsPVwiIzk5QTVCQlwiLz4nLFxuICAgICAgJzxwYXRoIGQ9XCJNOC4wMDI3OCAxNC40NTVDNy44MDc3OCAxNC40NTUgNy42Mjc3OCAxNC4zNjUgNy41MTUyOCAxNC4yMDc1TDUuMTE1MjggMTAuOTA3NUM0Ljk4MDI4IDEwLjcyNzUgNC45NjUyOCAxMC40OCA1LjA2Mjc4IDEwLjI4NUM1LjE2Nzc4IDEwLjA4MjUgNS4zNzAyOCA5Ljk1NDk2IDUuNTk1MjggOS45NTQ5NkgxMC4zOTUzQzEwLjYyMDMgOS45NTQ5NiAxMC44MzAzIDEwLjA4MjUgMTAuOTI3OCAxMC4yODVDMTEuMDMyOCAxMC40ODc1IDExLjAxMDMgMTAuNzI3NSAxMC44NzUzIDEwLjkwNzVMOC40NzUyOCAxNC4yMDc1QzguMzYyNzggMTQuMzY1IDguMTgyNzggMTQuNDU1IDcuOTg3NzggMTQuNDU1SDguMDAyNzhaXCIgZmlsbD1cIiM5OUE1QkJcIi8+J1xuICAgIF1cbiAgfSlcbn0pO1xucmVnaXN0ZXJJY29uKCdzb3J0LWRlc2MnLCB7XG4gIHBhdGhEYXRhOiAnJyxcbiAgbHRyOiBmYWxzZSxcbiAgY29sbGVjdGlvbjogJ2x4LWljb25zJyxcbiAgcGFja2FnZU5hbWU6ICdAbGVhbml4L3RoZW1pbmcnLFxuICB2aWV3Qm94OiAnMCAwIDE2IDE2JyxcbiAgY3VzdG9tVGVtcGxhdGU6ICgpID0+ICh7XG4gICAgc3RyaW5nczogW1xuICAgICAgJzxwYXRoIGQ9XCJNOC4wMDI3OCAyQzguMTk3NzggMiA4LjM3Nzc4IDIuMDkgOC40OTAyOCAyLjI0NzVMMTAuODkwMyA1LjU0NzVDMTEuMDI1MyA1LjcyNzUgMTEuMDQwMyA1Ljk3NSAxMC45NDI4IDYuMTdDMTAuODM3OCA2LjM3MjUgMTAuNjM1MyA2LjUgMTAuNDEwMyA2LjVMNS42MTAyOCA2LjVDNS4zODUyOCA2LjUgNS4xNzUyOCA2LjM3MjUgNS4wNzc3OCA2LjE3QzQuOTcyNzggNS45Njc1IDQuOTk1MjggNS43Mjc1IDUuMTMwMjggNS41NDc1TDcuNTMwMjggMi4yNDc1QzcuNjQyNzggMi4wOSA3LjgyMjc4IDIgOC4wMTc3OCAySDguMDAyNzhaXCIgZmlsbD1cIiM5OUE1QkJcIi8+JyxcbiAgICAgICc8cGF0aCBkPVwiTTguMDAyNzggMTQuNDU1QzcuODA3NzggMTQuNDU1IDcuNjI3NzggMTQuMzY1IDcuNTE1MjggMTQuMjA3NUw1LjExNTI4IDEwLjkwNzVDNC45ODAyOCAxMC43Mjc1IDQuOTY1MjggMTAuNDggNS4wNjI3OCAxMC4yODVDNS4xNjc3OCAxMC4wODI1IDUuMzcwMjggOS45NTQ5NiA1LjU5NTI4IDkuOTU0OTZIMTAuMzk1M0MxMC42MjAzIDkuOTU0OTYgMTAuODMwMyAxMC4wODI1IDEwLjkyNzggMTAuMjg1QzExLjAzMjggMTAuNDg3NSAxMS4wMTAzIDEwLjcyNzUgMTAuODc1MyAxMC45MDc1TDguNDc1MjggMTQuMjA3NUM4LjM2Mjc4IDE0LjM2NSA4LjE4Mjc4IDE0LjQ1NSA3Ljk4Nzc4IDE0LjQ1NUg4LjAwMjc4WlwiIGZpbGw9XCIjMkEzMDNEXCIvPidcbiAgICBdXG4gIH0pXG59KTtcbnJlZ2lzdGVySWNvbignc29ydC1hc2MnLCB7XG4gIHBhdGhEYXRhOiAnJyxcbiAgbHRyOiBmYWxzZSxcbiAgY29sbGVjdGlvbjogJ2x4LWljb25zJyxcbiAgcGFja2FnZU5hbWU6ICdAbGVhbml4L3RoZW1pbmcnLFxuICB2aWV3Qm94OiAnMCAwIDE2IDE2JyxcbiAgY3VzdG9tVGVtcGxhdGU6ICgpID0+ICh7XG4gICAgc3RyaW5nczogW1xuICAgICAgJzxwYXRoIGQ9XCJNOC4wMDI3OCAyQzguMTk3NzggMiA4LjM3Nzc4IDIuMDkgOC40OTAyOCAyLjI0NzVMMTAuODkwMyA1LjU0NzVDMTEuMDI1MyA1LjcyNzUgMTEuMDQwMyA1Ljk3NSAxMC45NDI4IDYuMTdDMTAuODM3OCA2LjM3MjUgMTAuNjM1MyA2LjUgMTAuNDEwMyA2LjVMNS42MTAyOCA2LjVDNS4zODUyOCA2LjUgNS4xNzUyOCA2LjM3MjUgNS4wNzc3OCA2LjE3QzQuOTcyNzggNS45Njc1IDQuOTk1MjggNS43Mjc1IDUuMTMwMjggNS41NDc1TDcuNTMwMjggMi4yNDc1QzcuNjQyNzggMi4wOSA3LjgyMjc4IDIgOC4wMTc3OCAySDguMDAyNzhaXCIgZmlsbD1cIiMyQTMwM0RcIi8+JyxcbiAgICAgICc8cGF0aCBkPVwiTTguMDAyNzggMTQuNDU1QzcuODA3NzggMTQuNDU1IDcuNjI3NzggMTQuMzY1IDcuNTE1MjggMTQuMjA3NUw1LjExNTI4IDEwLjkwNzVDNC45ODAyOCAxMC43Mjc1IDQuOTY1MjggMTAuNDggNS4wNjI3OCAxMC4yODVDNS4xNjc3OCAxMC4wODI1IDUuMzcwMjggOS45NTQ5NiA1LjU5NTI4IDkuOTU0OTZIMTAuMzk1M0MxMC42MjAzIDkuOTU0OTYgMTAuODMwMyAxMC4wODI1IDEwLjkyNzggMTAuMjg1QzExLjAzMjggMTAuNDg3NSAxMS4wMTAzIDEwLjcyNzUgMTAuODc1MyAxMC45MDc1TDguNDc1MjggMTQuMjA3NUM4LjM2Mjc4IDE0LjM2NSA4LjE4Mjc4IDE0LjQ1NSA3Ljk4Nzc4IDE0LjQ1NUg4LjAwMjc4WlwiIGZpbGw9XCIjOTlBNUJCXCIvPidcbiAgICBdXG4gIH0pXG59KTtcblxuLyoqXG4gKiBUaGUgYGx4LXRoYCBjYW4gYmUgdXNlZCBpbiBjb21iaW5hdGlvbiB3aXRoIGBseC10YWJsZWAgdG8gaW1wbGVtZW50IHNvcnRhYmxlIGA8dGFibGU+YCBlbGVtZW50cy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtdGgnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5zb3J0YWJsZV0nOiAnc29ydGFibGUoKScsXG4gICAgJ1t0YWJJbmRleF0nOiAnc29ydGFibGUoKSA/IDAgOiAtMScsXG4gICAgcm9sZTogJ2NvbHVtbmhlYWRlcidcbiAgfSxcbiAgaW1wb3J0czogW0ljb25Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlSGVhZGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSB0ZWNobmljYWwgY29sdW1uIG5hbWUuXG4gICAqL1xuICBASW5wdXQoKSBjb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFByZXZlbnRzIHRoZSB1c2VyIGZyb20gY2xlYXJpbmcgdGhlIHNvcnQuXG4gICAqIE9ubHkgYWxsb3dpbmcgdG8gdG9nZ2xlIGJldHdlZW4gYXNjICYgZGVzYy5cbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVTb3J0Q2xlYXIgPSBmYWxzZTtcblxuICAvKipcbiAgICogVHJpZ2dlcnMgd2hlbmV2ZXIgdGhlIHVzZXIgY2hhbmdlcyB0aGUgc29ydCBvcmRlci5cbiAgICovXG4gIEBPdXRwdXQoKSBzb3J0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxTb3J0aW5nT3B0aW9ucz4oKTtcblxuICByZWFkb25seSBzb3J0YWJsZSA9IGNvbXB1dGVkKCgpID0+IHRoaXMucGFyZW50VGFibGU/LmlzU29ydGFibGUoKSA/PyBmYWxzZSk7XG4gIHJlYWRvbmx5IG9yZGVyID0gY29tcHV0ZWQ8T3JkZXJPcHRpb24+KCgpID0+IHtcbiAgICBjb25zdCBzb3J0ID0gdGhpcy5wYXJlbnRUYWJsZSA/IHRoaXMucGFyZW50VGFibGUuc29ydCgpIDogdGhpcy4jc29ydCgpO1xuICAgIGlmICh0aGlzLmNvbHVtbiAhPT0gc29ydD8ua2V5KSB7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gc29ydD8ub3JkZXI7XG4gICAgfVxuICB9KTtcblxuICByZWFkb25seSAjc29ydCA9IHNpZ25hbDxTb3J0aW5nT3B0aW9ucz4oeyBrZXk6IHRoaXMuY29sdW1uLCBvcmRlcjogdW5kZWZpbmVkIH0pO1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgcGFyZW50VGFibGU/OiBUYWJsZUNvbXBvbmVudCkge31cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLmVudGVyJykgQEhvc3RMaXN0ZW5lcignY2xpY2snKSBvblNvcnQoKSB7XG4gICAgaWYgKHRoaXMuY29sdW1uKSB7XG4gICAgICBjb25zdCBzb3J0ID0geyBrZXk6IHRoaXMuY29sdW1uLCBvcmRlcjogZGV0ZXJtaW5lTmV3T3JkZXIodGhpcy5vcmRlcigpLCB0aGlzLmRpc2FibGVTb3J0Q2xlYXIpIH07XG4gICAgICBpZiAoIXRoaXMucGFyZW50VGFibGUpIHtcbiAgICAgICAgdGhpcy4jc29ydC5zZXQoc29ydCk7XG4gICAgICB9XG4gICAgICB0aGlzLnNvcnRDaGFuZ2UuZW1pdChzb3J0KTtcbiAgICAgIHRoaXMucGFyZW50VGFibGU/Lm9uVGFibGVIZWFkZXJTb3J0Q2hhbmdlKHNvcnQpO1xuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBkZXRlcm1pbmVOZXdPcmRlcihjdXJyZW50T3JkZXI6IE9yZGVyT3B0aW9uLCBkaXNhYmxlU29ydENsZWFyOiBib29sZWFuKTogT3JkZXJPcHRpb24ge1xuICBpZiAoIWN1cnJlbnRPcmRlcikge1xuICAgIHJldHVybiAnQVNDJztcbiAgfSBlbHNlIGlmIChjdXJyZW50T3JkZXIgPT09ICdBU0MnKSB7XG4gICAgcmV0dXJuICdERVNDJztcbiAgfSBlbHNlIGlmIChjdXJyZW50T3JkZXIgPT09ICdERVNDJykge1xuICAgIHJldHVybiBkaXNhYmxlU29ydENsZWFyID8gJ0FTQycgOiB1bmRlZmluZWQ7XG4gIH1cbiAgcmV0dXJuIHVuZGVmaW5lZDtcbn1cbiIsIjxkaXYgY2xhc3M9XCJ3cmFwcGVyXCI+XG4gIDxzcGFuPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvc3Bhbj5cbiAgQGlmIChzb3J0YWJsZSgpKSB7XG4gICAgQGlmICghb3JkZXIoKSkge1xuICAgICAgPHVpNS1pY29uIG5hbWU9XCJseC1pY29ucy9zb3J0XCIgLz5cbiAgICB9IEBlbHNlIGlmIChvcmRlcigpID09PSAnQVNDJykge1xuICAgICAgPHVpNS1pY29uIG5hbWU9XCJseC1pY29ucy9zb3J0LWFzY1wiIC8+XG4gICAgfSBAZWxzZSBpZiAob3JkZXIoKSA9PT0gJ0RFU0MnKSB7XG4gICAgICA8dWk1LWljb24gbmFtZT1cImx4LWljb25zL3NvcnQtZGVzY1wiIC8+XG4gICAgfVxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/core-ui/components/table/table.component.mjs

@@ -1,9 +1,48 @@
 import { Directive, input, model } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * The `lx-table` directive can be applied to `<table>` elements to provide a common styling.
+ * Furthermore it supports column sorting in combination with `<lx-th>` for table headers.
+ *
+ *
+ * ## Usage
+ *
+ * 1. Import the `TableComponent` from `@leanix/components` where you want to use it.
+ *
+ * ```ts
+ * import { TableComponent } from '@leanix/components';
+ * ```
+ *
+ * ```html
+ * <table lx-table></table>
+ * ```
+ *
+ * ## Sortability
+ *
+ * To provide sortability within a table, the `isSortable` input has to be set to `true`
+ * and the columns that support sorting should be `<lx-th>` elements with a column name applied via the `column` input.
+ *
+ * By default the sort order of columns can be changed between unsorted, ascending, and descending (after descending back to unsorted).
+ * To prevent the user from clearing the sort order and just allow toggling between ascending and descending the `disableSortClear` input can be set to `true`.
+ *
+ * ```html
+ * <table lx-table [isSortable]="true">
+ *   <thead>
+ *     <lx-th column="column1" [disableSortClear]="false">Column 1</lx-th>
+ *   </thead>
+ * </table>
+ * ```
+ */
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 export class TableComponent {
     constructor() {
+        /**
+         * This enables or disables the sortability of the table.
+         */
         this.isSortable = input(false);
+        /**
+         * The sort state of the table. Which column is sorted in what order.
+         */
         this.sort = model({});
     }
     onTableHeaderSortChange(sort) {
@@ -23,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                     standalone: true
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBV3hELGtFQUFrRTtBQUNsRSxNQUFNLE9BQU8sY0FBYztJQVQzQjtRQVVFLGVBQVUsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsU0FBSSxHQUFHLEtBQUssQ0FBaUIsRUFBRSxDQUFDLENBQUM7S0FLbEM7SUFIQyx1QkFBdUIsQ0FBQyxJQUFvQjtRQUMxQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QixDQUFDOzhHQU5VLGNBQWM7a0dBQWQsY0FBYzs7MkZBQWQsY0FBYztrQkFUMUIsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsbUJBQW1CO3FCQUMzQjtvQkFDRCxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGlucHV0LCBtb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU29ydGluZ09wdGlvbnMgfSBmcm9tICcuLi8uLi9waXBlcy9zb3J0LnBpcGUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICd0YWJsZVtseC10YWJsZV0nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICd0YWJsZSB0YWJsZS1ob3ZlcidcbiAgfSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIFRhYmxlQ29tcG9uZW50IHtcbiAgaXNTb3J0YWJsZSA9IGlucHV0KGZhbHNlKTtcbiAgc29ydCA9IG1vZGVsPFNvcnRpbmdPcHRpb25zPih7fSk7XG5cbiAgb25UYWJsZUhlYWRlclNvcnRDaGFuZ2Uoc29ydDogU29ydGluZ09wdGlvbnMpIHtcbiAgICB0aGlzLnNvcnQuc2V0KHNvcnQpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3hEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDRztBQVNILGtFQUFrRTtBQUNsRSxNQUFNLE9BQU8sY0FBYztJQVQzQjtRQVVFOztXQUVHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVuQzs7V0FFRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQWlCLEVBQUUsQ0FBQyxDQUFDO0tBSzNDO0lBSEMsdUJBQXVCLENBQUMsSUFBb0I7UUFDMUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEIsQ0FBQzs4R0FiVSxjQUFjO2tHQUFkLGNBQWM7OzJGQUFkLGNBQWM7a0JBVDFCLFNBQVM7bUJBQUM7b0JBQ1QsOERBQThEO29CQUM5RCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLG1CQUFtQjtxQkFDM0I7b0JBQ0QsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbnB1dCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNvcnRpbmdPcHRpb25zIH0gZnJvbSAnLi4vLi4vcGlwZXMvc29ydC5waXBlJztcblxuLyoqXG4gKiBUaGUgYGx4LXRhYmxlYCBkaXJlY3RpdmUgY2FuIGJlIGFwcGxpZWQgdG8gYDx0YWJsZT5gIGVsZW1lbnRzIHRvIHByb3ZpZGUgYSBjb21tb24gc3R5bGluZy5cbiAqIEZ1cnRoZXJtb3JlIGl0IHN1cHBvcnRzIGNvbHVtbiBzb3J0aW5nIGluIGNvbWJpbmF0aW9uIHdpdGggYDxseC10aD5gIGZvciB0YWJsZSBoZWFkZXJzLlxuICpcbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYFRhYmxlQ29tcG9uZW50YCBmcm9tIGBAbGVhbml4L2NvbXBvbmVudHNgIHdoZXJlIHlvdSB3YW50IHRvIHVzZSBpdC5cbiAqXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICdAbGVhbml4L2NvbXBvbmVudHMnO1xuICogYGBgXG4gKlxuICogYGBgaHRtbFxuICogPHRhYmxlIGx4LXRhYmxlPjwvdGFibGU+XG4gKiBgYGBcbiAqXG4gKiAjIyBTb3J0YWJpbGl0eVxuICpcbiAqIFRvIHByb3ZpZGUgc29ydGFiaWxpdHkgd2l0aGluIGEgdGFibGUsIHRoZSBgaXNTb3J0YWJsZWAgaW5wdXQgaGFzIHRvIGJlIHNldCB0byBgdHJ1ZWBcbiAqIGFuZCB0aGUgY29sdW1ucyB0aGF0IHN1cHBvcnQgc29ydGluZyBzaG91bGQgYmUgYDxseC10aD5gIGVsZW1lbnRzIHdpdGggYSBjb2x1bW4gbmFtZSBhcHBsaWVkIHZpYSB0aGUgYGNvbHVtbmAgaW5wdXQuXG4gKlxuICogQnkgZGVmYXVsdCB0aGUgc29ydCBvcmRlciBvZiBjb2x1bW5zIGNhbiBiZSBjaGFuZ2VkIGJldHdlZW4gdW5zb3J0ZWQsIGFzY2VuZGluZywgYW5kIGRlc2NlbmRpbmcgKGFmdGVyIGRlc2NlbmRpbmcgYmFjayB0byB1bnNvcnRlZCkuXG4gKiBUbyBwcmV2ZW50IHRoZSB1c2VyIGZyb20gY2xlYXJpbmcgdGhlIHNvcnQgb3JkZXIgYW5kIGp1c3QgYWxsb3cgdG9nZ2xpbmcgYmV0d2VlbiBhc2NlbmRpbmcgYW5kIGRlc2NlbmRpbmcgdGhlIGBkaXNhYmxlU29ydENsZWFyYCBpbnB1dCBjYW4gYmUgc2V0IHRvIGB0cnVlYC5cbiAqXG4gKiBgYGBodG1sXG4gKiA8dGFibGUgbHgtdGFibGUgW2lzU29ydGFibGVdPVwidHJ1ZVwiPlxuICogICA8dGhlYWQ+XG4gKiAgICAgPGx4LXRoIGNvbHVtbj1cImNvbHVtbjFcIiBbZGlzYWJsZVNvcnRDbGVhcl09XCJmYWxzZVwiPkNvbHVtbiAxPC9seC10aD5cbiAqICAgPC90aGVhZD5cbiAqIDwvdGFibGU+XG4gKiBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndGFibGVbbHgtdGFibGVdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAndGFibGUgdGFibGUtaG92ZXInXG4gIH0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1jbGFzcy1zdWZmaXhcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGlzIGVuYWJsZXMgb3IgZGlzYWJsZXMgdGhlIHNvcnRhYmlsaXR5IG9mIHRoZSB0YWJsZS5cbiAgICovXG4gIHJlYWRvbmx5IGlzU29ydGFibGUgPSBpbnB1dChmYWxzZSk7XG5cbiAgLyoqXG4gICAqIFRoZSBzb3J0IHN0YXRlIG9mIHRoZSB0YWJsZS4gV2hpY2ggY29sdW1uIGlzIHNvcnRlZCBpbiB3aGF0IG9yZGVyLlxuICAgKi9cbiAgcmVhZG9ubHkgc29ydCA9IG1vZGVsPFNvcnRpbmdPcHRpb25zPih7fSk7XG5cbiAgb25UYWJsZUhlYWRlclNvcnRDaGFuZ2Uoc29ydDogU29ydGluZ09wdGlvbnMpIHtcbiAgICB0aGlzLnNvcnQuc2V0KHNvcnQpO1xuICB9XG59XG4iXX0=

package/fesm2022/leanix-components.mjs

@@ -1193,10 +1193,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             args: [{ selector: 'lx-stepper', standalone: true, imports: [CommonModule, CdkStepperModule], providers: [{ provide: CdkStepper, useExisting: StepperComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"stepper\">\n  @for (step of steps; track step.label; let i = $index) {\n    <li class=\"step\" [ngClass]=\"{ 'step-completed': isCompleted(i) }\">\n      <div\n        class=\"step-container\"\n        [class]=\"isSmallVariant ? 'step-container-small' : 'step-container-normal'\"\n        [ngClass]=\"{ 'step-container-active': isActiveStep(i), 'step-container-completed': isCompleted(i) }\"\n      >\n        <div class=\"step-number\" [ngClass]=\"{ 'step-number-active': isActiveStep(i) }\">\n          @if (isCompleted(i)) {\n            <i [class]=\"'far fa-check check-icon'\" [ngClass]=\"{ 'small-icon': isSmallVariant }\"></i>\n          } @else if (!isSmallVariant) {\n            {{ i + 1 }}\n          }\n        </div>\n        @if (!isSmallVariant) {\n          <div class=\"step-title\">\n            {{ step.label }}\n          </div>\n        }\n      </div>\n    </li>\n  }\n</ul>\n@if (selected) {\n  <div class=\"content\">\n    <ng-container [ngTemplateOutlet]=\"selected!.content\" />\n  </div>\n}\n", styles: [".stepper{display:flex;position:relative;align-items:center;padding-left:0}.step{position:relative;z-index:1;flex:1;display:flex;flex-direction:row;flex-shrink:0}.step:not(:last-child):after{content:\"\";position:relative;z-index:1;flex:auto;height:1px;min-width:30px;border-top:2px solid #b2bccc;align-self:center;margin-left:5px;margin-right:5px}.step-container{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;border:2px solid #b2bccc;border-radius:50%;background-color:#fff;pointer-events:none}.step-container-normal{width:40px;height:40px}.step-container-small{width:22.5px;height:22.5px}.step-number{color:#b2bccc;font-size:15.5px;font-style:normal;font-weight:var(--lxFontNormal, 400);line-height:20px;width:100%;height:100%;padding-top:8px;text-align:center}.step-container-small .step-number{padding-top:0}.step-title{width:max-content;top:50px;position:absolute}.check-icon{font-size:20px;color:#0070f2}.small-icon{position:relative;font-size:var(--lxFontSmallSize, 12px)}@supports (-moz-appearance: none){.small-icon{top:-1px}}.content{margin-top:48px;height:100%}.step:first-child{justify-content:flex-start}.step:first-child .step-title{left:0}.step:not(:first-child):not(:last-child) .step-container{align-self:center}.step:not(:first-child):not(:last-child) .step-container .step-title{align-self:center}.step:last-child{justify-content:flex-end;align-items:flex-end;text-align:right;flex:0 0 auto}.step:last-child .step-container .step-title{align-self:flex-end;right:0}.step:last-child .step-number{margin-right:40%}.step:nth-child(n+19):last-child .step-number{margin-right:31%}.step-container.step-container-active{background-color:#0070f2;border-color:#0070f2}.step-number-active{color:#fff}.step.step-completed:not(:last-child):after{border-color:#0070f2}.step-container.step-container-completed{border-color:#0070f2}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Directionality }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
 
+/**
+ * The `lx-table` directive can be applied to `<table>` elements to provide a common styling.
+ * Furthermore it supports column sorting in combination with `<lx-th>` for table headers.
+ *
+ *
+ * ## Usage
+ *
+ * 1. Import the `TableComponent` from `@leanix/components` where you want to use it.
+ *
+ * ```ts
+ * import { TableComponent } from '@leanix/components';
+ * ```
+ *
+ * ```html
+ * <table lx-table></table>
+ * ```
+ *
+ * ## Sortability
+ *
+ * To provide sortability within a table, the `isSortable` input has to be set to `true`
+ * and the columns that support sorting should be `<lx-th>` elements with a column name applied via the `column` input.
+ *
+ * By default the sort order of columns can be changed between unsorted, ascending, and descending (after descending back to unsorted).
+ * To prevent the user from clearing the sort order and just allow toggling between ascending and descending the `disableSortClear` input can be set to `true`.
+ *
+ * ```html
+ * <table lx-table [isSortable]="true">
+ *   <thead>
+ *     <lx-th column="column1" [disableSortClear]="false">Column 1</lx-th>
+ *   </thead>
+ * </table>
+ * ```
+ */
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class TableComponent {
     constructor() {
+        /**
+         * This enables or disables the sortability of the table.
+         */
         this.isSortable = input(false);
+        /**
+         * The sort state of the table. Which column is sorted in what order.
+         */
         this.sort = model({});
     }
     onTableHeaderSortChange(sort) {
@@ -1256,10 +1295,21 @@ registerIcon('sort-asc', {
         ]
     })
 });
+/**
+ * The `lx-th` can be used in combination with `lx-table` to implement sortable `<table>` elements.
+ */
 class TableHeaderComponent {
     #sort;
     constructor(parentTable) {
         this.parentTable = parentTable;
+        /**
+         * Prevents the user from clearing the sort.
+         * Only allowing to toggle between asc & desc.
+         */
+        this.disableSortClear = false;
+        /**
+         * Triggers whenever the user changes the sort order.
+         */
         this.sortChange = new EventEmitter();
         this.sortable = computed(() => this.parentTable?.isSortable() ?? false);
         this.order = computed(() => {
@@ -1275,7 +1325,7 @@ class TableHeaderComponent {
     }
     onSort() {
         if (this.column) {
-            const sort = { key: this.column, order: determineNewOrder(this.order()) };
+            const sort = { key: this.column, order: determineNewOrder(this.order(), this.disableSortClear) };
             if (!this.parentTable) {
                 this.#sort.set(sort);
             }
@@ -1284,7 +1334,7 @@ class TableHeaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TableHeaderComponent, deps: [{ token: TableComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TableHeaderComponent, isStandalone: true, selector: "lx-th", inputs: { column: "column" }, outputs: { sortChange: "sortChange" }, host: { attributes: { "role": "columnheader" }, listeners: { "keydown.enter": "onSort()", "click": "onSort()" }, properties: { "class.sortable": "sortable()", "tabIndex": "sortable() ? 0 : -1" } }, ngImport: i0, template: "<div class=\"wrapper\">\n  <span>\n    <ng-content />\n  </span>\n  @if (sortable()) {\n    @if (!order()) {\n      <ui5-icon name=\"lx-icons/sort\" />\n    } @else if (order() === 'ASC') {\n      <ui5-icon name=\"lx-icons/sort-asc\" />\n    } @else if (order() === 'DESC') {\n      <ui5-icon name=\"lx-icons/sort-desc\" />\n    }\n  }\n</div>\n", styles: [":host{display:table-cell;line-height:normal;padding:8px;border-bottom:2px solid #e1e5eb;border-top:none;font-weight:700;color:#526179}:host.sortable span{cursor:pointer}.wrapper{display:flex;align-items:center;gap:4px}ui5-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent$1, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], exportAs: ["ui5Icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TableHeaderComponent, isStandalone: true, selector: "lx-th", inputs: { column: "column", disableSortClear: "disableSortClear" }, outputs: { sortChange: "sortChange" }, host: { attributes: { "role": "columnheader" }, listeners: { "keydown.enter": "onSort()", "click": "onSort()" }, properties: { "class.sortable": "sortable()", "tabIndex": "sortable() ? 0 : -1" } }, ngImport: i0, template: "<div class=\"wrapper\">\n  <span>\n    <ng-content />\n  </span>\n  @if (sortable()) {\n    @if (!order()) {\n      <ui5-icon name=\"lx-icons/sort\" />\n    } @else if (order() === 'ASC') {\n      <ui5-icon name=\"lx-icons/sort-asc\" />\n    } @else if (order() === 'DESC') {\n      <ui5-icon name=\"lx-icons/sort-desc\" />\n    }\n  }\n</div>\n", styles: [":host{display:table-cell;line-height:normal;padding:8px;border-bottom:2px solid #e1e5eb;border-top:none;font-weight:700;color:#526179}:host.sortable span{cursor:pointer}.wrapper{display:flex;align-items:center;gap:4px}ui5-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent$1, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], exportAs: ["ui5Icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TableHeaderComponent, decorators: [{
             type: Component,
@@ -1297,6 +1347,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                     type: Optional
                 }] }], propDecorators: { column: [{
                 type: Input
+            }], disableSortClear: [{
+                type: Input
             }], sortChange: [{
                 type: Output
             }], onSort: [{
@@ -1306,15 +1358,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                 type: HostListener,
                 args: ['click']
             }] } });
-function determineNewOrder(currentOrder) {
-    let newOrder = undefined;
+function determineNewOrder(currentOrder, disableSortClear) {
     if (!currentOrder) {
-        newOrder = 'ASC';
+        return 'ASC';
     }
     else if (currentOrder === 'ASC') {
-        newOrder = 'DESC';
+        return 'DESC';
+    }
+    else if (currentOrder === 'DESC') {
+        return disableSortClear ? 'ASC' : undefined;
     }
-    return newOrder;
+    return undefined;
 }
 
 /**