@hmcts/opal-frontend-common 0.0.108 → 0.0.110

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs

@@ -1,191 +1,358 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, Input, Directive, EventEmitter, HostBinding, Output, ChangeDetectionStrategy, Component } from '@angular/core';
-
-// Extracted from @ministryofjustice/frontend v5.1.2 sortable-table.mjs
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, inject } from "@angular/core";
 const MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS = {
-    ascending: 'M6.5625 15.5L11 6.63125L15.4375 15.5H6.5625Z',
-    descending: 'M15.4375 7L11 15.8687L6.5625 7L15.4375 7Z',
-    none: ['M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z', 'M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z'],
+	ascending: "M6.5625 15.5L11 6.63125L15.4375 15.5H6.5625Z",
+	descending: "M15.4375 7L11 15.8687L6.5625 7L15.4375 7Z",
+	none: ["M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z", "M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z"]
 };
-
-class MojSortableTableHeaderSortIconDirective {
-    el = inject((ElementRef));
-    renderer = inject(Renderer2);
-    sortDirection = 'none';
-    /**
-     * Returns the SVG path(s) for the sort icon based on the specified direction.
-     *
-     * @param dir - The sort direction, which can be 'ascending', 'descending', or 'none'.
-     * @returns An array of SVG path strings corresponding to the given sort direction.
-     */
-    getPathsForDirection(dir) {
-        const icons = MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS;
-        switch (dir) {
-            case 'ascending':
-                return [icons.ascending];
-            case 'descending':
-                return [icons.descending];
-            default:
-                return icons.none;
-        }
-    }
-    ngOnChanges() {
-        const svg = this.el.nativeElement;
-        this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');
-        this.renderer.setAttribute(svg, 'fill', 'none');
-        // Clear existing <path> children
-        while (svg.firstChild) {
-            svg.firstChild.remove();
-        }
-        // Append new <path> elements based on sortDirection
-        const paths = this.getPathsForDirection(this.sortDirection);
-        for (const pathD of paths) {
-            const path = this.renderer.createElement('path', 'svg');
-            this.renderer.setAttribute(path, 'd', pathD);
-            this.renderer.setAttribute(path, 'fill', 'currentColor');
-            svg.appendChild(path);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[opalLibMojSortableTableHeaderSortIcon]',
-                    standalone: true,
-                }]
-        }], propDecorators: { sortDirection: [{
-                type: Input,
-                args: ['opalLibMojSortableTableHeaderSortIcon']
-            }] } });
-
-class MojSortableTableHeaderComponent {
-    columnKey;
-    sortDirection = 'none';
-    dataIndex = 0;
-    sortChange = new EventEmitter();
-    get ariaSort() {
-        return this.sortDirection;
-    }
-    hostScope = 'col';
-    get hostClass() {
-        return 'govuk-table__header';
-    }
-    /**
-     * Toggles the sort direction between 'ascending' and 'descending' for the table column.
-     * Emits a sortChange event with the column key and the new sort direction.
-     *
-     * @public
-     * @returns {void}
-     */
-    toggleSort() {
-        const newDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending';
-        this.sortChange.emit({
-            key: this.columnKey,
-            sortType: newDirection,
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "attr.scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    viewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MojSortableTableHeaderSortIconDirective], template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    viewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n" }]
-        }], propDecorators: { columnKey: [{
-                type: Input
-            }], sortDirection: [{
-                type: Input
-            }], dataIndex: [{
-                type: Input
-            }], sortChange: [{
-                type: Output
-            }], ariaSort: [{
-                type: HostBinding,
-                args: ['attr.aria-sort']
-            }], hostScope: [{
-                type: HostBinding,
-                args: ['attr.scope']
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class MojSortableTableRowDataComponent {
-    id;
-    hostClass = 'govuk-table__cell';
-    get hostId() {
-        return this.id;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { id: [{
-                type: Input,
-                args: [{ required: true }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostId: [{
-                type: HostBinding,
-                args: ['id']
-            }] } });
-
-class MojSortableTableRowComponent {
-    bodyRowClasses = '';
-    get hostClass() {
-        return `govuk-table__row ${this.bodyRowClasses}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { bodyRowClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class MojSortableTableStatusComponent {
-    columnTitle;
-    sortDirection;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sortable-table-status', standalone: true, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" }]
-        }], propDecorators: { columnTitle: [{
-                type: Input,
-                args: [{ required: false }]
-            }], sortDirection: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-class MojSortableTableComponent {
-    tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojSortableTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sortable-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n" }]
-        }], propDecorators: { tableClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var MojSortableTableHeaderSortIconDirective = class MojSortableTableHeaderSortIconDirective {
+	el = inject(ElementRef);
+	renderer = inject(Renderer2);
+	sortDirection = "none";
+	getPathsForDirection(dir) {
+		const icons = MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS;
+		switch (dir) {
+			case "ascending": return [icons.ascending];
+			case "descending": return [icons.descending];
+			default: return icons.none;
+		}
+	}
+	ngOnChanges() {
+		const svg = this.el.nativeElement;
+		this.renderer.setAttribute(svg, "xmlns", "http://www.w3.org/2000/svg");
+		this.renderer.setAttribute(svg, "fill", "none");
+		while (svg.firstChild) svg.firstChild.remove();
+		const paths = this.getPathsForDirection(this.sortDirection);
+		for (const pathD of paths) {
+			const path = this.renderer.createElement("path", "svg");
+			this.renderer.setAttribute(path, "d", pathD);
+			this.renderer.setAttribute(path, "fill", "currentColor");
+			svg.appendChild(path);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSortableTableHeaderSortIconDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSortableTableHeaderSortIconDirective,
+		isStandalone: true,
+		selector: "[opalLibMojSortableTableHeaderSortIcon]",
+		inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] },
+		usesOnChanges: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSortableTableHeaderSortIconDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[opalLibMojSortableTableHeaderSortIcon]",
+			standalone: true
+		}]
+	}],
+	propDecorators: { sortDirection: [{
+		type: Input,
+		args: ["opalLibMojSortableTableHeaderSortIcon"]
+	}] }
+});
+var MojSortableTableHeaderComponent = class MojSortableTableHeaderComponent {
+	columnKey;
+	sortDirection = "none";
+	dataIndex = 0;
+	sortChange = new EventEmitter();
+	get ariaSort() {
+		return this.sortDirection;
+	}
+	hostScope = "col";
+	get hostClass() {
+		return "govuk-table__header";
+	}
+	toggleSort() {
+		const newDirection = this.sortDirection === "ascending" ? "descending" : "ascending";
+		this.sortChange.emit({
+			key: this.columnKey,
+			sortType: newDirection
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSortableTableHeaderComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSortableTableHeaderComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]",
+		inputs: {
+			columnKey: "columnKey",
+			sortDirection: "sortDirection",
+			dataIndex: "dataIndex"
+		},
+		outputs: { sortChange: "sortChange" },
+		host: { properties: {
+			"attr.aria-sort": "this.ariaSort",
+			"attr.scope": "this.hostScope",
+			"class": "this.hostClass"
+		} },
+		ngImport: i0,
+		template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    viewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n",
+		dependencies: [{
+			kind: "directive",
+			type: MojSortableTableHeaderSortIconDirective,
+			selector: "[opalLibMojSortableTableHeaderSortIcon]",
+			inputs: ["opalLibMojSortableTableHeaderSortIcon"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSortableTableHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [MojSortableTableHeaderSortIconDirective],
+			template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    viewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n"
+		}]
+	}],
+	propDecorators: {
+		columnKey: [{ type: Input }],
+		sortDirection: [{ type: Input }],
+		dataIndex: [{ type: Input }],
+		sortChange: [{ type: Output }],
+		ariaSort: [{
+			type: HostBinding,
+			args: ["attr.aria-sort"]
+		}],
+		hostScope: [{
+			type: HostBinding,
+			args: ["attr.scope"]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
+var MojSortableTableRowDataComponent = class MojSortableTableRowDataComponent {
+	id;
+	hostClass = "govuk-table__cell";
+	get hostId() {
+		return this.id;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSortableTableRowDataComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSortableTableRowDataComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]",
+		inputs: { id: "id" },
+		host: { properties: {
+			"class": "this.hostClass",
+			"id": "this.hostId"
+		} },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSortableTableRowDataComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n"
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		hostId: [{
+			type: HostBinding,
+			args: ["id"]
+		}]
+	}
+});
+var MojSortableTableRowComponent = class MojSortableTableRowComponent {
+	bodyRowClasses = "";
+	get hostClass() {
+		return `govuk-table__row ${this.bodyRowClasses}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSortableTableRowComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSortableTableRowComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]",
+		inputs: { bodyRowClasses: "bodyRowClasses" },
+		host: { properties: { "class": "this.hostClass" } },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSortableTableRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n"
+		}]
+	}],
+	propDecorators: {
+		bodyRowClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
+var MojSortableTableStatusComponent = class MojSortableTableStatusComponent {
+	columnTitle;
+	sortDirection;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSortableTableStatusComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSortableTableStatusComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sortable-table-status",
+		inputs: {
+			columnTitle: "columnTitle",
+			sortDirection: "sortDirection"
+		},
+		ngImport: i0,
+		template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSortableTableStatusComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sortable-table-status",
+			standalone: true,
+			template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n"
+		}]
+	}],
+	propDecorators: {
+		columnTitle: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		sortDirection: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
+var MojSortableTableComponent = class MojSortableTableComponent {
+	tableClasses;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSortableTableComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSortableTableComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sortable-table",
+		inputs: { tableClasses: "tableClasses" },
+		ngImport: i0,
+		template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSortableTableComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sortable-table",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n"
+		}]
+	}],
+	propDecorators: { tableClasses: [{
+		type: Input,
+		args: [{ required: false }]
+	}] }
+});
 export { MojSortableTableComponent, MojSortableTableHeaderComponent, MojSortableTableRowComponent, MojSortableTableRowDataComponent, MojSortableTableStatusComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs.map