@hmcts/opal-frontend-common 0.0.109 → 0.0.111

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

@@ -1,26 +1,56 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojBadgeComponent {
-    badgeId;
-    badgeClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojBadgeComponent, isStandalone: true, selector: "opal-lib-moj-badge", inputs: { badgeId: "badgeId", badgeClasses: "badgeClasses" }, ngImport: i0, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-badge', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n" }]
-        }], propDecorators: { badgeId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], badgeClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+var MojBadgeComponent = class MojBadgeComponent {
+	badgeId;
+	badgeClasses;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojBadgeComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojBadgeComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-badge",
+		inputs: {
+			badgeId: "badgeId",
+			badgeClasses: "badgeClasses"
+		},
+		ngImport: i0,
+		template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojBadgeComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-badge",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n"
+		}]
+	}],
+	propDecorators: {
+		badgeId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		badgeClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { MojBadgeComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-badge.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-badge.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs

@@ -1,29 +1,54 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojButtonMenuItemComponent {
-    itemText;
-    actionClick = new EventEmitter();
-    handleClick(event) {
-        event.preventDefault();
-        this.actionClick.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojButtonMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojButtonMenuItemComponent, isStandalone: true, selector: "opal-lib-moj-button-menu-item", inputs: { itemText: "itemText" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojButtonMenuItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-button-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n" }]
-        }], propDecorators: { itemText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], actionClick: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+var MojButtonMenuItemComponent = class MojButtonMenuItemComponent {
+	itemText;
+	actionClick = new EventEmitter();
+	handleClick(event) {
+		event.preventDefault();
+		this.actionClick.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojButtonMenuItemComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojButtonMenuItemComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-button-menu-item",
+		inputs: { itemText: "itemText" },
+		outputs: { actionClick: "actionClick" },
+		ngImport: i0,
+		template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojButtonMenuItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-button-menu-item",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n"
+		}]
+	}],
+	propDecorators: {
+		itemText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		actionClick: [{ type: Output }]
+	}
+});
 export { MojButtonMenuItemComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs

@@ -1,62 +1,94 @@
-import * as i0 from '@angular/core';
-import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from "@angular/core";
 let nextMenuId = 0;
-class MojButtonMenuComponent {
-    menuButtonTitle;
-    menuId = `moj-button-menu-${++nextMenuId}`;
-    hostClasses = 'moj-button-menu';
-    dataModule = 'moj-button-menu';
-    get dataButtonText() {
-        return this.menuButtonTitle;
-    }
-    dataButtonClasses = 'govuk-button--secondary';
-    dataMojButtonMenuInit = '';
-    isExpanded = false;
-    /**
-     * Toggles the expanded state of the button menu.
-     *
-     * This method retrieves the current "aria-expanded" state from the menu button,
-     * inverts the state, and then updates both the "aria-expanded" attribute and the
-     * internal component property "isExpanded" accordingly.
-     *
-     * @returns void
-     */
-    toggleButtonMenu() {
-        this.isExpanded = !this.isExpanded;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle", menuId: "menuId" }, host: { properties: { "class": "this.hostClasses", "attr.data-module": "this.dataModule", "attr.data-button-text": "this.dataButtonText", "attr.data-button-classes": "this.dataButtonClasses", "attr.data-moj-button-menu-init": "this.dataMojButtonMenuInit" } }, ngImport: i0, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojButtonMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-button-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n" }]
-        }], propDecorators: { menuButtonTitle: [{
-                type: Input,
-                args: [{ required: true }]
-            }], menuId: [{
-                type: Input,
-                args: [{ required: false }]
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], dataModule: [{
-                type: HostBinding,
-                args: ['attr.data-module']
-            }], dataButtonText: [{
-                type: HostBinding,
-                args: ['attr.data-button-text']
-            }], dataButtonClasses: [{
-                type: HostBinding,
-                args: ['attr.data-button-classes']
-            }], dataMojButtonMenuInit: [{
-                type: HostBinding,
-                args: ['attr.data-moj-button-menu-init']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var MojButtonMenuComponent = class MojButtonMenuComponent {
+	menuButtonTitle;
+	menuId = `moj-button-menu-${++nextMenuId}`;
+	hostClasses = "moj-button-menu";
+	dataModule = "moj-button-menu";
+	get dataButtonText() {
+		return this.menuButtonTitle;
+	}
+	dataButtonClasses = "govuk-button--secondary";
+	dataMojButtonMenuInit = "";
+	isExpanded = false;
+	toggleButtonMenu() {
+		this.isExpanded = !this.isExpanded;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojButtonMenuComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojButtonMenuComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-button-menu",
+		inputs: {
+			menuButtonTitle: "menuButtonTitle",
+			menuId: "menuId"
+		},
+		host: { properties: {
+			"class": "this.hostClasses",
+			"attr.data-module": "this.dataModule",
+			"attr.data-button-text": "this.dataButtonText",
+			"attr.data-button-classes": "this.dataButtonClasses",
+			"attr.data-moj-button-menu-init": "this.dataMojButtonMenuInit"
+		} },
+		ngImport: i0,
+		template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojButtonMenuComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-button-menu",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n"
+		}]
+	}],
+	propDecorators: {
+		menuButtonTitle: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		menuId: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		hostClasses: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		dataModule: [{
+			type: HostBinding,
+			args: ["attr.data-module"]
+		}],
+		dataButtonText: [{
+			type: HostBinding,
+			args: ["attr.data-button-text"]
+		}],
+		dataButtonClasses: [{
+			type: HostBinding,
+			args: ["attr.data-button-classes"]
+		}],
+		dataMojButtonMenuInit: [{
+			type: HostBinding,
+			args: ["attr.data-moj-button-menu-init"]
+		}]
+	}
+});
 export { MojButtonMenuComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs.map