@hmcts/opal-frontend-common 0.0.23 → 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/fesm2022/hmcts-opal-frontend-common-services-permissions-service.mjs

@@ -18,13 +18,37 @@ class PermissionsService {
         }
         return this.storedUniquePermissionIds;
     }
-    hasPermissionAccess(permissionId, businessUnitId, roles) {
+    /**
+     * Determines whether the user has access to a specific permission based on their roles.
+     *
+     * This method short-circuits and returns as soon as a matching permission is found for efficiency.
+     *
+     * @param permissionId - The ID of the permission to check for access.
+     * @param roles - An array of user roles, each containing a list of permissions.
+     * @returns `true` if the user has the specified permission in any of their roles,
+     *          or if no roles are provided; otherwise, returns `false`.
+     */
+    hasPermissionAccess(permissionId, roles) {
+        if (roles?.length) {
+            return roles.some((role) => role.permissions.some((permission) => permission.permission_id === permissionId));
+        }
+        // if we don't have any roles, we can't have any permissions
+        return true;
+    }
+    /**
+     * Checks if the user has access to a specific permission within a given business unit.
+     *
+     * This method short-circuits and returns as soon as a matching permission is found for efficiency.
+     *
+     * @param permissionId - The ID of the permission to check.
+     * @param businessUnitId - The ID of the business unit to check against.
+     * @param roles - An array of user roles, each containing permissions and associated business unit IDs.
+     * @returns `true` if the user has the specified permission for the business unit, or if no roles are provided; otherwise, `false`.
+     */
+    hasBusinessUnitPermissionAccess(permissionId, businessUnitId, roles) {
         if (roles?.length) {
-            // First we need to find the matching role
-            const role = roles?.find((role) => role.business_unit_id === businessUnitId);
-            // Then we need to find the matching permission
-            const hasPermission = !!role?.permissions.find((permission) => permission.permission_id === permissionId);
-            return hasPermission;
+            return roles.some((role) => role.business_unit_id === businessUnitId &&
+                role.permissions.some((permission) => permission.permission_id === permissionId));
         }
         // if we don't have any roles, we can't have any permissions
         return true;

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-services-permissions-service.mjs","sources":["../../../projects/opal-frontend-common/services/permissions-service/permissions.service.ts","../../../projects/opal-frontend-common/services/permissions-service/hmcts-opal-frontend-common-services-permissions-service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport {\n  ISessionUserState,\n  ISessionUserStatePermission,\n  ISessionUserStateRole,\n} from '@hmcts/opal-frontend-common/services/session-service/interfaces';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PermissionsService {\n  private storedUniquePermissionIds: number[] = [];\n\n  /**\n   * Retrieves the unique permission IDs associated with the user.\n   * If the unique permission IDs have not been stored yet, it calculates them based on the user's roles and permissions.\n   * @returns An array of unique permission IDs.\n   */\n  public getUniquePermissions(userState: ISessionUserState | null): number[] {\n    const roles = userState ? userState['business_unit_user'] : null;\n\n    if (!this.storedUniquePermissionIds.length && roles) {\n      const permissionIds = roles.flatMap((role) => {\n        return role.permissions.map(({ permission_id: permissionId }) => permissionId);\n      });\n\n      this.storedUniquePermissionIds = [...new Set(permissionIds)];\n    }\n\n    return this.storedUniquePermissionIds;\n  }\n\n  public hasPermissionAccess(permissionId: number, businessUnitId: number, roles: ISessionUserStateRole[]): boolean {\n    if (roles?.length) {\n      // First we need to find the matching role\n      const role = roles?.find((role) => role.business_unit_id === businessUnitId);\n\n      // Then we need to find the matching permission\n      const hasPermission = !!role?.permissions.find(\n        (permission: ISessionUserStatePermission) => permission.permission_id === permissionId,\n      );\n\n      return hasPermission;\n    }\n    // if we don't have any roles, we can't have any permissions\n    return true;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,kBAAkB,CAAA;IACrB,yBAAyB,GAAa,EAAE;AAEhD;;;;AAIG;AACI,IAAA,oBAAoB,CAAC,SAAmC,EAAA;AAC7D,QAAA,MAAM,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC,oBAAoB,CAAC,GAAG,IAAI;QAEhE,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,MAAM,IAAI,KAAK,EAAE;YACnD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC3C,gBAAA,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,YAAY,CAAC;AAChF,YAAA,CAAC,CAAC;YAEF,IAAI,CAAC,yBAAyB,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;QAC9D;QAEA,OAAO,IAAI,CAAC,yBAAyB;IACvC;AAEO,IAAA,mBAAmB,CAAC,YAAoB,EAAE,cAAsB,EAAE,KAA8B,EAAA;AACrG,QAAA,IAAI,KAAK,EAAE,MAAM,EAAE;;AAEjB,YAAA,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,gBAAgB,KAAK,cAAc,CAAC;;YAG5E,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAC5C,CAAC,UAAuC,KAAK,UAAU,CAAC,aAAa,KAAK,YAAY,CACvF;AAED,YAAA,OAAO,aAAa;QACtB;;AAEA,QAAA,OAAO,IAAI;IACb;wGApCW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFjB,MAAM,EAAA,CAAA;;4FAEP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-services-permissions-service.mjs","sources":["../../../projects/opal-frontend-common/services/permissions-service/permissions.service.ts","../../../projects/opal-frontend-common/services/permissions-service/hmcts-opal-frontend-common-services-permissions-service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport {\n  ISessionUserState,\n  ISessionUserStateRole,\n} from '@hmcts/opal-frontend-common/services/session-service/interfaces';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PermissionsService {\n  private storedUniquePermissionIds: number[] = [];\n\n  /**\n   * Retrieves the unique permission IDs associated with the user.\n   * If the unique permission IDs have not been stored yet, it calculates them based on the user's roles and permissions.\n   * @returns An array of unique permission IDs.\n   */\n  public getUniquePermissions(userState: ISessionUserState | null): number[] {\n    const roles = userState ? userState['business_unit_user'] : null;\n\n    if (!this.storedUniquePermissionIds.length && roles) {\n      const permissionIds = roles.flatMap((role) => {\n        return role.permissions.map(({ permission_id: permissionId }) => permissionId);\n      });\n\n      this.storedUniquePermissionIds = [...new Set(permissionIds)];\n    }\n\n    return this.storedUniquePermissionIds;\n  }\n\n  /**\n   * Determines whether the user has access to a specific permission based on their roles.\n   *\n   * This method short-circuits and returns as soon as a matching permission is found for efficiency.\n   *\n   * @param permissionId - The ID of the permission to check for access.\n   * @param roles - An array of user roles, each containing a list of permissions.\n   * @returns `true` if the user has the specified permission in any of their roles,\n   *          or if no roles are provided; otherwise, returns `false`.\n   */\n  public hasPermissionAccess(permissionId: number, roles: ISessionUserStateRole[]): boolean {\n    if (roles?.length) {\n      return roles.some((role) => role.permissions.some((permission) => permission.permission_id === permissionId));\n    }\n    // if we don't have any roles, we can't have any permissions\n    return true;\n  }\n\n  /**\n   * Checks if the user has access to a specific permission within a given business unit.\n   *\n   * This method short-circuits and returns as soon as a matching permission is found for efficiency.\n   *\n   * @param permissionId - The ID of the permission to check.\n   * @param businessUnitId - The ID of the business unit to check against.\n   * @param roles - An array of user roles, each containing permissions and associated business unit IDs.\n   * @returns `true` if the user has the specified permission for the business unit, or if no roles are provided; otherwise, `false`.\n   */\n  public hasBusinessUnitPermissionAccess(\n    permissionId: number,\n    businessUnitId: number,\n    roles: ISessionUserStateRole[],\n  ): boolean {\n    if (roles?.length) {\n      return roles.some(\n        (role) =>\n          role.business_unit_id === businessUnitId &&\n          role.permissions.some((permission) => permission.permission_id === permissionId),\n      );\n    }\n    // if we don't have any roles, we can't have any permissions\n    return true;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,kBAAkB,CAAA;IACrB,yBAAyB,GAAa,EAAE;AAEhD;;;;AAIG;AACI,IAAA,oBAAoB,CAAC,SAAmC,EAAA;AAC7D,QAAA,MAAM,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC,oBAAoB,CAAC,GAAG,IAAI;QAEhE,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,MAAM,IAAI,KAAK,EAAE;YACnD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC3C,gBAAA,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,YAAY,CAAC;AAChF,YAAA,CAAC,CAAC;YAEF,IAAI,CAAC,yBAAyB,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;QAC9D;QAEA,OAAO,IAAI,CAAC,yBAAyB;IACvC;AAEA;;;;;;;;;AASG;IACI,mBAAmB,CAAC,YAAoB,EAAE,KAA8B,EAAA;AAC7E,QAAA,IAAI,KAAK,EAAE,MAAM,EAAE;YACjB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,aAAa,KAAK,YAAY,CAAC,CAAC;QAC/G;;AAEA,QAAA,OAAO,IAAI;IACb;AAEA;;;;;;;;;AASG;AACI,IAAA,+BAA+B,CACpC,YAAoB,EACpB,cAAsB,EACtB,KAA8B,EAAA;AAE9B,QAAA,IAAI,KAAK,EAAE,MAAM,EAAE;AACjB,YAAA,OAAO,KAAK,CAAC,IAAI,CACf,CAAC,IAAI,KACH,IAAI,CAAC,gBAAgB,KAAK,cAAc;AACxC,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,aAAa,KAAK,YAAY,CAAC,CACnF;QACH;;AAEA,QAAA,OAAO,IAAI;IACb;wGAhEW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFjB,MAAM,EAAA,CAAA;;4FAEP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACRD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.23",
+  "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/services/permissions-service/index.d.ts

@@ -9,7 +9,28 @@ declare class PermissionsService {
      * @returns An array of unique permission IDs.
      */
     getUniquePermissions(userState: ISessionUserState | null): number[];
-    hasPermissionAccess(permissionId: number, businessUnitId: number, roles: ISessionUserStateRole[]): boolean;
+    /**
+     * Determines whether the user has access to a specific permission based on their roles.
+     *
+     * This method short-circuits and returns as soon as a matching permission is found for efficiency.
+     *
+     * @param permissionId - The ID of the permission to check for access.
+     * @param roles - An array of user roles, each containing a list of permissions.
+     * @returns `true` if the user has the specified permission in any of their roles,
+     *          or if no roles are provided; otherwise, returns `false`.
+     */
+    hasPermissionAccess(permissionId: number, roles: ISessionUserStateRole[]): boolean;
+    /**
+     * Checks if the user has access to a specific permission within a given business unit.
+     *
+     * This method short-circuits and returns as soon as a matching permission is found for efficiency.
+     *
+     * @param permissionId - The ID of the permission to check.
+     * @param businessUnitId - The ID of the business unit to check against.
+     * @param roles - An array of user roles, each containing permissions and associated business unit IDs.
+     * @returns `true` if the user has the specified permission for the business unit, or if no roles are provided; otherwise, `false`.
+     */
+    hasBusinessUnitPermissionAccess(permissionId: number, businessUnitId: number, roles: ISessionUserStateRole[]): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PermissionsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PermissionsService>;
 }

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 {