@hmcts/opal-frontend-common 0.0.24 → 0.0.25

package/components/custom/custom-horizontal-scroll-pane/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class CustomHorizontalScrollPaneComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomHorizontalScrollPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomHorizontalScrollPaneComponent, "opal-lib-custom-horizontal-scroll-pane", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CustomHorizontalScrollPaneComponent };

package/components/custom/custom-scrollable-panes/custom-scrollable-panes-inner-pane/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class CustomScrollablePanesInnerPaneComponent {
+    stickyHeadersEnabled: boolean;
+    maxHeight: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomScrollablePanesInnerPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomScrollablePanesInnerPaneComponent, "opal-lib-custom-scrollable-panes-inner-pane", never, { "stickyHeadersEnabled": { "alias": "stickyHeadersEnabled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomScrollablePanesInnerPaneComponent };

package/components/custom/custom-scrollable-panes/index.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+
+declare class CustomScrollablePanesComponent {
+    height: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomScrollablePanesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomScrollablePanesComponent, "opal-lib-custom-scrollable-panes", never, { "height": { "alias": "height"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomScrollablePanesComponent };

package/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-inner-pane/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class CustomVerticalScrollPaneInnerPaneComponent {
+    maxHeight: string;
+    stickyHeadersEnabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomVerticalScrollPaneInnerPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomVerticalScrollPaneInnerPaneComponent, "opal-lib-custom-vertical-scroll-pane-inner-pane", never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "stickyHeadersEnabled": { "alias": "stickyHeadersEnabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomVerticalScrollPaneInnerPaneComponent };

package/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-outer-pane/index.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+
+declare class CustomVerticalScrollPaneOuterPaneComponent {
+    height: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomVerticalScrollPaneOuterPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomVerticalScrollPaneOuterPaneComponent, "opal-lib-custom-vertical-scroll-pane-outer-pane", never, { "height": { "alias": "height"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomVerticalScrollPaneOuterPaneComponent };

package/components/custom/custom-vertical-scroll-pane/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class CustomVerticalScrollPaneComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomVerticalScrollPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomVerticalScrollPaneComponent, "opal-lib-custom-vertical-scroll-pane", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CustomVerticalScrollPaneComponent };

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+class CustomHorizontalScrollPaneComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomHorizontalScrollPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CustomHorizontalScrollPaneComponent, isStandalone: true, selector: "opal-lib-custom-horizontal-scroll-pane", ngImport: i0, template: "<div class=\"custom-horizontal-scroll-pane\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-horizontal-scroll-pane{overflow-x:auto;overflow-y:hidden;width:100%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomHorizontalScrollPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-horizontal-scroll-pane', template: "<div class=\"custom-horizontal-scroll-pane\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-horizontal-scroll-pane{overflow-x:auto;overflow-y:hidden;width:100%}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomHorizontalScrollPaneComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs","sources":["../../../projects/opal-frontend-common/components/custom/custom-horizontal-scroll-pane/custom-horizontal-scroll-pane.component.ts","../../../projects/opal-frontend-common/components/custom/custom-horizontal-scroll-pane/custom-horizontal-scroll-pane.component.html","../../../projects/opal-frontend-common/components/custom/custom-horizontal-scroll-pane/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-custom-horizontal-scroll-pane',\n  templateUrl: './custom-horizontal-scroll-pane.component.html',\n  styleUrl: './custom-horizontal-scroll-pane.component.scss',\n})\nexport class CustomHorizontalScrollPaneComponent {}\n","<div class=\"custom-horizontal-scroll-pane\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,mCAAmC,CAAA;wGAAnC,mCAAmC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mCAAmC,kGCPhD,sFAGA,EAAA,MAAA,EAAA,CAAA,gFAAA,CAAA,EAAA,CAAA;;4FDIa,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAL/C,SAAS;+BACE,wCAAwC,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,gFAAA,CAAA,EAAA;;;AEHpD;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs

@@ -0,0 +1,28 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+
+class CustomScrollablePanesInnerPaneComponent {
+    stickyHeadersEnabled = true;
+    maxHeight = '500px';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomScrollablePanesInnerPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CustomScrollablePanesInnerPaneComponent, isStandalone: true, selector: "opal-lib-custom-scrollable-panes-inner-pane", inputs: { stickyHeadersEnabled: "stickyHeadersEnabled", maxHeight: "maxHeight" }, ngImport: i0, template: "<div\n  class=\"custom-scrollable-panes-inner-pane\"\n  [style.max-height]=\"maxHeight\"\n  [ngClass]=\"{ 'sticky-headers': stickyHeadersEnabled }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-scrollable-panes-inner-pane{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomScrollablePanesInnerPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-scrollable-panes-inner-pane', imports: [CommonModule], template: "<div\n  class=\"custom-scrollable-panes-inner-pane\"\n  [style.max-height]=\"maxHeight\"\n  [ngClass]=\"{ 'sticky-headers': stickyHeadersEnabled }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-scrollable-panes-inner-pane{overflow-y:auto}\n"] }]
+        }], propDecorators: { stickyHeadersEnabled: [{
+                type: Input,
+                args: [{ required: false }]
+            }], maxHeight: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomScrollablePanesInnerPaneComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs","sources":["../../../projects/opal-frontend-common/components/custom/custom-scrollable-panes/custom-scrollable-panes-inner-pane/custom-scrollable-panes-inner-pane.component.ts","../../../projects/opal-frontend-common/components/custom/custom-scrollable-panes/custom-scrollable-panes-inner-pane/custom-scrollable-panes-inner-pane.component.html","../../../projects/opal-frontend-common/components/custom/custom-scrollable-panes/custom-scrollable-panes-inner-pane/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-custom-scrollable-panes-inner-pane',\n  imports: [CommonModule],\n  templateUrl: './custom-scrollable-panes-inner-pane.component.html',\n  styleUrl: './custom-scrollable-panes-inner-pane.component.scss',\n})\nexport class CustomScrollablePanesInnerPaneComponent {\n  @Input({ required: false }) stickyHeadersEnabled: boolean = true;\n  @Input({ required: false }) maxHeight: string = '500px';\n}\n","<div\n  class=\"custom-scrollable-panes-inner-pane\"\n  [style.max-height]=\"maxHeight\"\n  [ngClass]=\"{ 'sticky-headers': stickyHeadersEnabled }\"\n>\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MASa,uCAAuC,CAAA;IACtB,oBAAoB,GAAY,IAAI;IACpC,SAAS,GAAW,OAAO;wGAF5C,uCAAuC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvC,uCAAuC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,MAAA,EAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTpD,gMAOA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAIX,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBANnD,SAAS;+BACE,6CAA6C,EAAA,OAAA,EAC9C,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,gMAAA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA;8BAKK,oBAAoB,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,SAAS,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+
+class CustomScrollablePanesComponent {
+    height = '100%';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomScrollablePanesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CustomScrollablePanesComponent, isStandalone: true, selector: "opal-lib-custom-scrollable-panes", inputs: { height: "height" }, ngImport: i0, template: "<div class=\"custom-scrollable-pane\" [style.height]=\"height\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-scrollable-pane{width:100%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomScrollablePanesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-scrollable-panes', template: "<div class=\"custom-scrollable-pane\" [style.height]=\"height\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-scrollable-pane{width:100%}\n"] }]
+        }], propDecorators: { height: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomScrollablePanesComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs","sources":["../../../projects/opal-frontend-common/components/custom/custom-scrollable-panes/custom-scrollable-panes.component.ts","../../../projects/opal-frontend-common/components/custom/custom-scrollable-panes/custom-scrollable-panes.component.html","../../../projects/opal-frontend-common/components/custom/custom-scrollable-panes/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-custom-scrollable-panes',\n  templateUrl: './custom-scrollable-panes.component.html',\n  styleUrl: './custom-scrollable-panes.component.scss',\n})\nexport class CustomScrollablePanesComponent {\n  @Input({ required: false }) public height: string = '100%';\n}\n","<div class=\"custom-scrollable-pane\" [style.height]=\"height\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,8BAA8B,CAAA;IACN,MAAM,GAAW,MAAM;wGAD/C,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA9B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,0HCP3C,yGAGA,EAAA,MAAA,EAAA,CAAA,uCAAA,CAAA,EAAA,CAAA;;4FDIa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAL1C,SAAS;+BACE,kCAAkC,EAAA,QAAA,EAAA,yGAAA,EAAA,MAAA,EAAA,CAAA,uCAAA,CAAA,EAAA;8BAKT,MAAM,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AER5B;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs

@@ -0,0 +1,28 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+
+class CustomVerticalScrollPaneInnerPaneComponent {
+    maxHeight = '500px';
+    stickyHeadersEnabled = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomVerticalScrollPaneInnerPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CustomVerticalScrollPaneInnerPaneComponent, isStandalone: true, selector: "opal-lib-custom-vertical-scroll-pane-inner-pane", inputs: { maxHeight: "maxHeight", stickyHeadersEnabled: "stickyHeadersEnabled" }, ngImport: i0, template: "<div\n  class=\"custom-vertical-scroll-pane-inner-pane\"\n  [style.max-height]=\"maxHeight\"\n  [ngClass]=\"{ 'sticky-headers': stickyHeadersEnabled }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-vertical-scroll-pane-inner-pane{overflow-y:auto;overflow-x:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomVerticalScrollPaneInnerPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-vertical-scroll-pane-inner-pane', imports: [CommonModule], template: "<div\n  class=\"custom-vertical-scroll-pane-inner-pane\"\n  [style.max-height]=\"maxHeight\"\n  [ngClass]=\"{ 'sticky-headers': stickyHeadersEnabled }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-vertical-scroll-pane-inner-pane{overflow-y:auto;overflow-x:hidden}\n"] }]
+        }], propDecorators: { maxHeight: [{
+                type: Input,
+                args: [{ required: false }]
+            }], stickyHeadersEnabled: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomVerticalScrollPaneInnerPaneComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs","sources":["../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-inner-pane/custom-vertical-scroll-pane-inner-pane.component.ts","../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-inner-pane/custom-vertical-scroll-pane-inner-pane.component.html","../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-inner-pane/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-custom-vertical-scroll-pane-inner-pane',\n  imports: [CommonModule],\n  templateUrl: './custom-vertical-scroll-pane-inner-pane.component.html',\n  styleUrl: './custom-vertical-scroll-pane-inner-pane.component.scss',\n})\nexport class CustomVerticalScrollPaneInnerPaneComponent {\n  @Input({ required: false }) maxHeight: string = '500px';\n  @Input({ required: false }) stickyHeadersEnabled: boolean = true;\n}\n","<div\n  class=\"custom-vertical-scroll-pane-inner-pane\"\n  [style.max-height]=\"maxHeight\"\n  [ngClass]=\"{ 'sticky-headers': stickyHeadersEnabled }\"\n>\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MASa,0CAA0C,CAAA;IACzB,SAAS,GAAW,OAAO;IAC3B,oBAAoB,GAAY,IAAI;wGAFrD,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1C,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTvD,oMAOA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAIX,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBANtD,SAAS;+BACE,iDAAiD,EAAA,OAAA,EAClD,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,oMAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA;8BAKK,SAAS,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,oBAAoB,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+
+class CustomVerticalScrollPaneOuterPaneComponent {
+    height = '100%';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomVerticalScrollPaneOuterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CustomVerticalScrollPaneOuterPaneComponent, isStandalone: true, selector: "opal-lib-custom-vertical-scroll-pane-outer-pane", inputs: { height: "height" }, ngImport: i0, template: "<div class=\"custom-vertical-scroll-pane-outer-pane\" [style.height]=\"height\">\n  <ng-content></ng-content>\n</div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomVerticalScrollPaneOuterPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-vertical-scroll-pane-outer-pane', template: "<div class=\"custom-vertical-scroll-pane-outer-pane\" [style.height]=\"height\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { height: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomVerticalScrollPaneOuterPaneComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs","sources":["../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-outer-pane/custom-vertical-scroll-pane-outer-pane.component.ts","../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-outer-pane/custom-vertical-scroll-pane-outer-pane.component.html","../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-outer-pane/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-custom-vertical-scroll-pane-outer-pane',\n  templateUrl: './custom-vertical-scroll-pane-outer-pane.component.html',\n})\nexport class CustomVerticalScrollPaneOuterPaneComponent {\n  @Input({ required: false }) height: string = '100%';\n}\n","<div class=\"custom-vertical-scroll-pane-outer-pane\" [style.height]=\"height\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,0CAA0C,CAAA;IACzB,MAAM,GAAW,MAAM;wGADxC,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0CAA0C,yICNvD,yHAGA,EAAA,CAAA;;4FDGa,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAJtD,SAAS;+BACE,iDAAiD,EAAA,QAAA,EAAA,yHAAA,EAAA;8BAI/B,MAAM,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEP5B;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.mjs

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+class CustomVerticalScrollPaneComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomVerticalScrollPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CustomVerticalScrollPaneComponent, isStandalone: true, selector: "opal-lib-custom-vertical-scroll-pane", ngImport: i0, template: "<ng-content></ng-content>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CustomVerticalScrollPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-vertical-scroll-pane', template: "<ng-content></ng-content>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomVerticalScrollPaneComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.mjs","sources":["../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane.component.ts","../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane.component.html","../../../projects/opal-frontend-common/components/custom/custom-vertical-scroll-pane/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-custom-vertical-scroll-pane',\n  templateUrl: './custom-vertical-scroll-pane.component.html',\n})\nexport class CustomVerticalScrollPaneComponent {}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,iCAAiC,CAAA;wGAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iCAAiC,gGCN9C,6BACA,EAAA,CAAA;;4FDKa,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAJ7C,SAAS;+BACE,sCAAsC,EAAA,QAAA,EAAA,6BAAA,EAAA;;;AEHlD;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-pipes-national-insurance.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { Pipe } from '@angular/core';
+
+class NationalInsurancePipe {
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        const cleaned = value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
+        if (cleaned.length < 9)
+            return value;
+        return `${cleaned.slice(0, 2)} ${cleaned.slice(2, 4)} ${cleaned.slice(4, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8)}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NationalInsurancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: NationalInsurancePipe, isStandalone: true, name: "nationalInsurance" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NationalInsurancePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'nationalInsurance',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NationalInsurancePipe };
+//# sourceMappingURL=hmcts-opal-frontend-common-pipes-national-insurance.mjs.map

package/fesm2022/hmcts-opal-frontend-common-pipes-national-insurance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-pipes-national-insurance.mjs","sources":["../../../projects/opal-frontend-common/pipes/national-insurance/national-insurance.pipe.ts","../../../projects/opal-frontend-common/pipes/national-insurance/hmcts-opal-frontend-common-pipes-national-insurance.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'nationalInsurance',\n  standalone: true,\n})\nexport class NationalInsurancePipe implements PipeTransform {\n  transform(value: string | null): string {\n    if (!value) {\n      return '';\n    }\n\n    const cleaned = value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();\n\n    if (cleaned.length < 9) return value;\n\n    return `${cleaned.slice(0, 2)} ${cleaned.slice(2, 4)} ${cleaned.slice(4, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8)}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,qBAAqB,CAAA;AAChC,IAAA,SAAS,CAAC,KAAoB,EAAA;QAC5B,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE;AAEhE,QAAA,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,OAAO,KAAK;QAEpC,OAAO,CAAA,EAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;IAC1H;wGAXW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mBAAmB;AACzB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACLD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^18.2.0 || ^19.0.0",
@@ -174,6 +174,36 @@
     "./components/custom/custom-page-header/custom-page-header-action-buttons-container": {
       "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-page-header-custom-page-header-action-buttons-container.mjs"
     },
+    "./components/custom/custom-horizontal-scroll-pane": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs",
+      "types": "./components/custom/custom-horizontal-scroll-pane/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs"
+    },
+    "./components/custom/custom-scrollable-panes": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs",
+      "types": "./components/custom/custom-scrollable-panes/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs"
+    },
+    "./components/custom/custom-scrollable-panes/custom-scrollable-panes-inner-pane": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs",
+      "types": "./components/custom/custom-scrollable-panes/custom-scrollable-panes-inner-pane/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs"
+    },
+    "./components/custom/custom-vertical-scroll-pane": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.mjs",
+      "types": "./components/custom/custom-vertical-scroll-pane/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.mjs"
+    },
+    "./components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-inner-pane": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs",
+      "types": "./components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-inner-pane/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs"
+    },
+    "./components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-outer-pane": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs",
+      "types": "./components/custom/custom-vertical-scroll-pane/custom-vertical-scroll-pane-outer-pane/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs"
+    },
     "./components/govuk/govuk-accordion": {
       "import": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-accordion.mjs",
       "types": "./components/govuk/govuk-accordion/index.d.ts",
@@ -560,6 +590,11 @@
       "types": "./pipes/days-ago/index.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-pipes-days-ago.mjs"
     },
+    "./pipes/national-insurance": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-pipes-national-insurance.mjs",
+      "types": "./pipes/national-insurance/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-pipes-national-insurance.mjs"
+    },
     "./resolvers/title": {
       "import": "./fesm2022/hmcts-opal-frontend-common-resolvers-title.mjs",
       "types": "./resolvers/title/index.d.ts",

package/pipes/national-insurance/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+
+declare class NationalInsurancePipe implements PipeTransform {
+    transform(value: string | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NationalInsurancePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NationalInsurancePipe, "nationalInsurance", true>;
+}
+
+export { NationalInsurancePipe };

package/styles/custom/_custom-scrollable-panes.scss

@@ -0,0 +1,7 @@
+.custom-scrollable-panes-inner-pane.sticky-headers .govuk-table thead th,
+.custom-vertical-scroll-pane-inner-pane.sticky-headers .govuk-table thead th {
+  position: sticky;
+  top: 0;
+  background-color: #fff;
+  z-index: 2;
+}

package/styles/styles.scss

@@ -2,6 +2,7 @@
 @import 'govuk-frontend/dist/govuk/all.scss';
 @import './custom/_custom-section_break.scss';
 @import 'home-office-kit/sass/_loadingSpinner.scss';
+@import './custom/custom-scrollable-panes';
 
 html,
 body {