@hmcts/opal-frontend-common 0.0.24 → 0.0.26

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/fesm2022/hmcts-opal-frontend-common-services-transformation-service-constants.mjs

@@ -0,0 +1,11 @@
+const TRANSFORM_ITEM_DEFAULTS = {
+    dateConfig: null,
+    timeConfig: null,
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TRANSFORM_ITEM_DEFAULTS };
+//# sourceMappingURL=hmcts-opal-frontend-common-services-transformation-service-constants.mjs.map

package/fesm2022/hmcts-opal-frontend-common-services-transformation-service-constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-services-transformation-service-constants.mjs","sources":["../../../projects/opal-frontend-common/services/transformation-service/constants/transform-item.constants.ts","../../../projects/opal-frontend-common/services/transformation-service/constants/hmcts-opal-frontend-common-services-transformation-service-constants.ts"],"sourcesContent":["import { ITransformItem } from '@hmcts/opal-frontend-common/services/transformation-service/interfaces';\n\nexport const TRANSFORM_ITEM_DEFAULTS: Pick<ITransformItem, 'dateConfig' | 'timeConfig'> = {\n  dateConfig: null,\n  timeConfig: null,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEO,MAAM,uBAAuB,GAAsD;AACxF,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,UAAU,EAAE,IAAI;;;ACJlB;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-services-transformation-service.mjs

@@ -16,15 +16,23 @@ class TransformationService {
         if (!value) {
             return value;
         }
-        if (transformItem.transformType === 'date') {
-            if (transformItem.dateInputFormat !== null && transformItem.dateOutputFormat !== null) {
-                const parsedDate = this.dateService.getFromFormat(value, transformItem.dateInputFormat);
-                if (this.dateService.isValidDate(parsedDate)) {
-                    return this.dateService.toFormat(parsedDate, transformItem.dateOutputFormat);
-                }
+        if (transformItem.transformType === 'date' && transformItem.dateConfig) {
+            const parsedDate = this.dateService.getFromFormat(value, transformItem.dateConfig.inputFormat);
+            if (this.dateService.isValidDate(parsedDate)) {
+                return this.dateService.toFormat(parsedDate, transformItem.dateConfig.outputFormat);
             }
             return value;
         }
+        if (transformItem.transformType === 'time' && transformItem.timeConfig) {
+            if (transformItem.timeConfig.addOffset) {
+                // Add offset to the time value
+                return `${value}:00Z`;
+            }
+            else if (transformItem.timeConfig.removeOffset) {
+                // Remove offset from the time value
+                return value.replace(/:00Z$/, '');
+            }
+        }
         return value;
     }
     /**

package/fesm2022/hmcts-opal-frontend-common-services-transformation-service.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-services-transformation-service.mjs","sources":["../../../projects/opal-frontend-common/services/transformation-service/transformation.service.ts","../../../projects/opal-frontend-common/services/transformation-service/hmcts-opal-frontend-common-services-transformation-service.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { ITransformItem } from '@hmcts/opal-frontend-common/services/transformation-service/interfaces';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TransformationService {\n  private readonly dateService = inject(DateService);\n\n  /**\n   * Applies a transformation to the given value based on the specified transformation configuration.\n   *\n   * @param value - The value to be transformed.\n   * @param transformItem - The configuration for the transformation, including the type of transformation and any necessary format details.\n   * @returns The transformed value, or the original value if no transformation is applied.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private applyTransformation(value: any, transformItem: ITransformItem): any {\n    if (!value) {\n      return value;\n    }\n\n    if (transformItem.transformType === 'date') {\n      if (transformItem.dateInputFormat !== null && transformItem.dateOutputFormat !== null) {\n        const parsedDate = this.dateService.getFromFormat(value, transformItem.dateInputFormat);\n        if (this.dateService.isValidDate(parsedDate)) {\n          return this.dateService.toFormat(parsedDate, transformItem.dateOutputFormat);\n        }\n      }\n      return value;\n    }\n\n    return value;\n  }\n\n  /**\n   * Transforms the values of an object based on a given transformation configuration.\n   *\n   * @param obj - The object whose values need to be transformed. It should be a non-null object.\n   * @param toTransform - An array of transformation configurations, where each configuration specifies\n   *                      the key to transform and the transformation details.\n   * @returns The transformed object with values modified according to the transformation configuration.\n   *\n   * @remarks\n   * - If the input `obj` is not an object or is null, it returns the input as is.\n   * - The function recursively processes nested objects.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public transformObjectValues(obj: { [key: string]: any }, toTransform: ITransformItem[]): any {\n    if (typeof obj !== 'object' || obj === null) {\n      return obj;\n    }\n\n    for (const [key, value] of Object.entries(obj)) {\n      const transformItem = toTransform.find((item) => item.key === key);\n\n      if (transformItem) {\n        obj[key] = this.applyTransformation(value, transformItem);\n      } else if (Array.isArray(value)) {\n        obj[key] = value.map((item) =>\n          typeof item === 'object' ? this.transformObjectValues(item, toTransform) : item,\n        );\n      } else if (typeof value === 'object') {\n        obj[key] = this.transformObjectValues(value, toTransform); // Recursive call\n      }\n    }\n    return obj;\n  }\n\n  /**\n   * replaces the keys in the object provided\n   * by replacing the current prefix with a new prefix.\n   * Useful when mapping object keys to a different format or structure.\n   * @param data - The data object containing key-value pairs.\n   * @param currentPrefix - The prefix to be replaced in the keys.\n   * @param replacementPrefix - The prefix to replace the current prefix with.\n   * @returns A new object with the keys replaced.\n   * @template T - The type of the form data object.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public replaceKeys<T extends object>(data: T, currentPrefix: string, replacementPrefix: string): Record<string, any> {\n    if (typeof data !== 'object' || data === null) {\n      return {};\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const result: Record<string, any> = {};\n\n    for (const [key, value] of Object.entries(data)) {\n      const newKey = key.replace(currentPrefix, replacementPrefix);\n      result[newKey] = value;\n    }\n\n    return result;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,qBAAqB,CAAA;AACf,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAElD;;;;;;AAMG;;IAEK,mBAAmB,CAAC,KAAU,EAAE,aAA6B,EAAA;QACnE,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,KAAK;QACd;AAEA,QAAA,IAAI,aAAa,CAAC,aAAa,KAAK,MAAM,EAAE;AAC1C,YAAA,IAAI,aAAa,CAAC,eAAe,KAAK,IAAI,IAAI,aAAa,CAAC,gBAAgB,KAAK,IAAI,EAAE;AACrF,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC;gBACvF,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;AAC5C,oBAAA,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC;gBAC9E;YACF;AACA,YAAA,OAAO,KAAK;QACd;AAEA,QAAA,OAAO,KAAK;IACd;AAEA;;;;;;;;;;;AAWG;;IAEI,qBAAqB,CAAC,GAA2B,EAAE,WAA6B,EAAA;QACrF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE;AAC3C,YAAA,OAAO,GAAG;QACZ;AAEA,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC9C,YAAA,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC;YAElE,IAAI,aAAa,EAAE;AACjB,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC;YAC3D;AAAO,iBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC/B,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KACxB,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,IAAI,CAChF;YACH;AAAO,iBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACpC,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAC5D;QACF;AACA,QAAA,OAAO,GAAG;IACZ;AAEA;;;;;;;;;AASG;;AAEI,IAAA,WAAW,CAAmB,IAAO,EAAE,aAAqB,EAAE,iBAAyB,EAAA;QAC5F,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;AAC7C,YAAA,OAAO,EAAE;QACX;;QAEA,MAAM,MAAM,GAAwB,EAAE;AAEtC,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC/C,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,iBAAiB,CAAC;AAC5D,YAAA,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK;QACxB;AAEA,QAAA,OAAO,MAAM;IACf;wGAvFW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAArB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFpB,MAAM,EAAA,CAAA;;4FAEP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-services-transformation-service.mjs","sources":["../../../projects/opal-frontend-common/services/transformation-service/transformation.service.ts","../../../projects/opal-frontend-common/services/transformation-service/hmcts-opal-frontend-common-services-transformation-service.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { ITransformItem } from '@hmcts/opal-frontend-common/services/transformation-service/interfaces';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TransformationService {\n  private readonly dateService = inject(DateService);\n\n  /**\n   * Applies a transformation to the given value based on the specified transformation configuration.\n   *\n   * @param value - The value to be transformed.\n   * @param transformItem - The configuration for the transformation, including the type of transformation and any necessary format details.\n   * @returns The transformed value, or the original value if no transformation is applied.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private applyTransformation(value: any, transformItem: ITransformItem): any {\n    if (!value) {\n      return value;\n    }\n\n    if (transformItem.transformType === 'date' && transformItem.dateConfig) {\n      const parsedDate = this.dateService.getFromFormat(value, transformItem.dateConfig.inputFormat);\n      if (this.dateService.isValidDate(parsedDate)) {\n        return this.dateService.toFormat(parsedDate, transformItem.dateConfig.outputFormat);\n      }\n      return value;\n    }\n\n    if (transformItem.transformType === 'time' && transformItem.timeConfig) {\n      if (transformItem.timeConfig.addOffset) {\n        // Add offset to the time value\n        return `${value}:00Z`;\n      } else if (transformItem.timeConfig.removeOffset) {\n        // Remove offset from the time value\n        return value.replace(/:00Z$/, '');\n      }\n    }\n\n    return value;\n  }\n\n  /**\n   * Transforms the values of an object based on a given transformation configuration.\n   *\n   * @param obj - The object whose values need to be transformed. It should be a non-null object.\n   * @param toTransform - An array of transformation configurations, where each configuration specifies\n   *                      the key to transform and the transformation details.\n   * @returns The transformed object with values modified according to the transformation configuration.\n   *\n   * @remarks\n   * - If the input `obj` is not an object or is null, it returns the input as is.\n   * - The function recursively processes nested objects.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public transformObjectValues(obj: { [key: string]: any }, toTransform: ITransformItem[]): any {\n    if (typeof obj !== 'object' || obj === null) {\n      return obj;\n    }\n\n    for (const [key, value] of Object.entries(obj)) {\n      const transformItem = toTransform.find((item) => item.key === key);\n\n      if (transformItem) {\n        obj[key] = this.applyTransformation(value, transformItem);\n      } else if (Array.isArray(value)) {\n        obj[key] = value.map((item) =>\n          typeof item === 'object' ? this.transformObjectValues(item, toTransform) : item,\n        );\n      } else if (typeof value === 'object') {\n        obj[key] = this.transformObjectValues(value, toTransform); // Recursive call\n      }\n    }\n    return obj;\n  }\n\n  /**\n   * replaces the keys in the object provided\n   * by replacing the current prefix with a new prefix.\n   * Useful when mapping object keys to a different format or structure.\n   * @param data - The data object containing key-value pairs.\n   * @param currentPrefix - The prefix to be replaced in the keys.\n   * @param replacementPrefix - The prefix to replace the current prefix with.\n   * @returns A new object with the keys replaced.\n   * @template T - The type of the form data object.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public replaceKeys<T extends object>(data: T, currentPrefix: string, replacementPrefix: string): Record<string, any> {\n    if (typeof data !== 'object' || data === null) {\n      return {};\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const result: Record<string, any> = {};\n\n    for (const [key, value] of Object.entries(data)) {\n      const newKey = key.replace(currentPrefix, replacementPrefix);\n      result[newKey] = value;\n    }\n\n    return result;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "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",
@@ -671,6 +706,11 @@
     "./services/transformation-service/mocks": {
       "import": "./fesm2022/hmcts-opal-frontend-common-services-transformation-service-mocks.mjs"
     },
+    "./services/transformation-service/constants": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-services-transformation-service-constants.mjs",
+      "types": "./services/transformation-service/constants/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-services-transformation-service-constants.mjs"
+    },
     "./services/utils-service": {
       "import": "./fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs",
       "types": "./services/utils-service/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/services/transformation-service/constants/index.d.ts

@@ -0,0 +1,5 @@
+import { ITransformItem } from '@hmcts/opal-frontend-common/services/transformation-service/interfaces';
+
+declare const TRANSFORM_ITEM_DEFAULTS: Pick<ITransformItem, 'dateConfig' | 'timeConfig'>;
+
+export { TRANSFORM_ITEM_DEFAULTS };

package/services/transformation-service/interfaces/index.d.ts

@@ -1,8 +1,16 @@
+interface ITransformItemDateConfig {
+    inputFormat: string;
+    outputFormat: string;
+}
+interface ITransformItemTimeConfig {
+    addOffset: boolean;
+    removeOffset: boolean;
+}
 interface ITransformItem {
     key: string;
     transformType: string;
-    dateInputFormat: string | null;
-    dateOutputFormat: string | null;
+    dateConfig: ITransformItemDateConfig | null;
+    timeConfig: ITransformItemTimeConfig | null;
 }
 
-export type { ITransformItem };
+export type { ITransformItem, ITransformItemDateConfig, ITransformItemTimeConfig };

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 {