@hmcts/ccd-case-ui-toolkit 7.2.26-mid-event-callback → 7.2.26-welsh-translation-qm

package/esm2022/lib/shared/directives/welsh-translated-markdown/welsh-translated-markdown.directive.mjs

@@ -0,0 +1,104 @@
+import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+import { RpxTranslationService } from 'rpx-xui-translation';
+import * as i0 from "@angular/core";
+import * as i1 from "rpx-xui-translation";
+/**
+ * @directive TranslatedMarkdownDirective
+ *
+ * @description
+ * Structural directive that emits language-appropriate markdown content based on the user's UI language.
+ * It is designed for service-supplied content that optionally includes a Welsh (`markdown_cy`) version.
+ *
+ * The directive:
+ * - Emits `markdown_cy` if the UI language is Welsh and the field exists
+ * - Emits `markdown` otherwise (no translation is applied within the directive)
+ * - Leaves it up to the consuming template to apply fallback translation (e.g. via `rpxTranslate`)
+ *
+ * This allows cleaner templates and better separation of content choice vs. translation logic.
+ *
+ * @usage
+ * ```html
+ * <div *ngFor="let qq of qualifyingQuestions">
+ *   <ng-container *translatedMarkdown="qq; let content">
+ *     <markdown [data]="qq ? content : (qq.markdown | rpxTranslate)"></markdown>
+ *   </ng-container>
+ * </div>
+ * ```
+ *
+ * @input dataItem - An object expected to contain:
+ * - `markdown` (string): the default English content
+ * - `markdown_cy` (string | optional): the Welsh version of the content
+ * - Any additional metadata used in context
+ *
+ * @example
+ * // --- LaunchDarkly JSON format ---
+ * {
+ *   "UNSPEC_CLAIM": [
+ *     {
+ *       "name": "Raise a query",
+ *       "url": "http://...",
+ *       "markdown": "### Raise a query\nUse this to raise a new query.",
+ *       "markdown_cy": "### Codwch ymholiad\nDefnyddiwch hwn i godi ymholiad newydd."
+ *     }
+ *   ]
+ * }
+ *
+ * // --- Input object in component after processing ---
+ * const dataItem = {
+ *   name: 'Raise a query',
+ *   url: 'http://...',
+ *   markdown: '### Raise a query\nUse this to raise a new query.',
+ *   markdown_cy: '### Codwch ymholiad\nDefnyddiwch hwn i godi ymholiad newydd.'
+ * };
+ *
+ * // --- Template usage ---
+ * <ng-container *translatedMarkdown="dataItem; let content">
+ *   <markdown [data]="dataItem ? content : (dataItem.markdown | rpxTranslate)"></markdown>
+ * </ng-container>
+ */
+/**
+ * @directive TranslatedMarkdownDirective
+ *
+ * Renders Welsh markdown (`markdown_cy`) if the UI language is Welsh,
+ * otherwise uses English (`markdown`). Reactively updates when the language changes.
+ */
+export class TranslatedMarkdownDirective {
+    viewContainer;
+    templateRef;
+    translationService;
+    dataItem;
+    subscription;
+    constructor(viewContainer, templateRef, translationService) {
+        this.viewContainer = viewContainer;
+        this.templateRef = templateRef;
+        this.translationService = translationService;
+    }
+    ngOnInit() {
+        this.subscription = this.translationService.language$.subscribe((lang) => {
+            const isWelsh = lang === 'cy';
+            const content = isWelsh && this.dataItem?.markdown_cy
+                ? this.dataItem.markdown_cy
+                : this.dataItem?.markdown ?? '';
+            this.viewContainer.clear();
+            this.viewContainer.createEmbeddedView(this.templateRef, {
+                $implicit: content,
+                translatedMarkdown: this.dataItem
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
+    static ɵfac = function TranslatedMarkdownDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TranslatedMarkdownDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TranslatedMarkdownDirective, selectors: [["", "translatedMarkdown", ""]], inputs: { dataItem: [0, "translatedMarkdown", "dataItem"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TranslatedMarkdownDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[translatedMarkdown]'
+            }]
+    }], () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i1.RpxTranslationService }], { dataItem: [{
+            type: Input,
+            args: ['translatedMarkdown']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2Vsc2gtdHJhbnNsYXRlZC1tYXJrZG93bi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2RpcmVjdGl2ZXMvd2Vsc2gtdHJhbnNsYXRlZC1tYXJrZG93bi93ZWxzaC10cmFuc2xhdGVkLW1hcmtkb3duLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFHTCxXQUFXLEVBQ1gsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFHNUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcURHO0FBRUg7Ozs7O0dBS0c7QUFJSCxNQUFNLE9BQU8sMkJBQTJCO0lBTTVCO0lBQ0E7SUFDQTtJQVBtQixRQUFRLENBQU07SUFFbkMsWUFBWSxDQUFlO0lBRW5DLFlBQ1UsYUFBK0IsRUFDL0IsV0FBNkIsRUFDN0Isa0JBQXlDO1FBRnpDLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUMvQixnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7UUFDN0IsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUF1QjtJQUNoRCxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUN2RSxNQUFNLE9BQU8sR0FBRyxJQUFJLEtBQUssSUFBSSxDQUFDO1lBQzlCLE1BQU0sT0FBTyxHQUNYLE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLFdBQVc7Z0JBQ25DLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVc7Z0JBQzNCLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUM7WUFFcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQ3RELFNBQVMsRUFBRSxPQUFPO2dCQUNsQixrQkFBa0IsRUFBRSxJQUFJLENBQUMsUUFBUTthQUNsQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDO3FIQTdCVSwyQkFBMkI7NkRBQTNCLDJCQUEyQjs7aUZBQTNCLDJCQUEyQjtjQUh2QyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjthQUNqQzsrR0FFOEIsUUFBUTtrQkFBcEMsS0FBSzttQkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDb250YWluZXJSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBScHhUcmFuc2xhdGlvblNlcnZpY2UgfSBmcm9tICdycHgteHVpLXRyYW5zbGF0aW9uJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIEBkaXJlY3RpdmUgVHJhbnNsYXRlZE1hcmtkb3duRGlyZWN0aXZlXG4gKlxuICogQGRlc2NyaXB0aW9uXG4gKiBTdHJ1Y3R1cmFsIGRpcmVjdGl2ZSB0aGF0IGVtaXRzIGxhbmd1YWdlLWFwcHJvcHJpYXRlIG1hcmtkb3duIGNvbnRlbnQgYmFzZWQgb24gdGhlIHVzZXIncyBVSSBsYW5ndWFnZS5cbiAqIEl0IGlzIGRlc2lnbmVkIGZvciBzZXJ2aWNlLXN1cHBsaWVkIGNvbnRlbnQgdGhhdCBvcHRpb25hbGx5IGluY2x1ZGVzIGEgV2Vsc2ggKGBtYXJrZG93bl9jeWApIHZlcnNpb24uXG4gKlxuICogVGhlIGRpcmVjdGl2ZTpcbiAqIC0gRW1pdHMgYG1hcmtkb3duX2N5YCBpZiB0aGUgVUkgbGFuZ3VhZ2UgaXMgV2Vsc2ggYW5kIHRoZSBmaWVsZCBleGlzdHNcbiAqIC0gRW1pdHMgYG1hcmtkb3duYCBvdGhlcndpc2UgKG5vIHRyYW5zbGF0aW9uIGlzIGFwcGxpZWQgd2l0aGluIHRoZSBkaXJlY3RpdmUpXG4gKiAtIExlYXZlcyBpdCB1cCB0byB0aGUgY29uc3VtaW5nIHRlbXBsYXRlIHRvIGFwcGx5IGZhbGxiYWNrIHRyYW5zbGF0aW9uIChlLmcuIHZpYSBgcnB4VHJhbnNsYXRlYClcbiAqXG4gKiBUaGlzIGFsbG93cyBjbGVhbmVyIHRlbXBsYXRlcyBhbmQgYmV0dGVyIHNlcGFyYXRpb24gb2YgY29udGVudCBjaG9pY2UgdnMuIHRyYW5zbGF0aW9uIGxvZ2ljLlxuICpcbiAqIEB1c2FnZVxuICogYGBgaHRtbFxuICogPGRpdiAqbmdGb3I9XCJsZXQgcXEgb2YgcXVhbGlmeWluZ1F1ZXN0aW9uc1wiPlxuICogICA8bmctY29udGFpbmVyICp0cmFuc2xhdGVkTWFya2Rvd249XCJxcTsgbGV0IGNvbnRlbnRcIj5cbiAqICAgICA8bWFya2Rvd24gW2RhdGFdPVwicXEgPyBjb250ZW50IDogKHFxLm1hcmtkb3duIHwgcnB4VHJhbnNsYXRlKVwiPjwvbWFya2Rvd24+XG4gKiAgIDwvbmctY29udGFpbmVyPlxuICogPC9kaXY+XG4gKiBgYGBcbiAqXG4gKiBAaW5wdXQgZGF0YUl0ZW0gLSBBbiBvYmplY3QgZXhwZWN0ZWQgdG8gY29udGFpbjpcbiAqIC0gYG1hcmtkb3duYCAoc3RyaW5nKTogdGhlIGRlZmF1bHQgRW5nbGlzaCBjb250ZW50XG4gKiAtIGBtYXJrZG93bl9jeWAgKHN0cmluZyB8IG9wdGlvbmFsKTogdGhlIFdlbHNoIHZlcnNpb24gb2YgdGhlIGNvbnRlbnRcbiAqIC0gQW55IGFkZGl0aW9uYWwgbWV0YWRhdGEgdXNlZCBpbiBjb250ZXh0XG4gKlxuICogQGV4YW1wbGVcbiAqIC8vIC0tLSBMYXVuY2hEYXJrbHkgSlNPTiBmb3JtYXQgLS0tXG4gKiB7XG4gKiAgIFwiVU5TUEVDX0NMQUlNXCI6IFtcbiAqICAgICB7XG4gKiAgICAgICBcIm5hbWVcIjogXCJSYWlzZSBhIHF1ZXJ5XCIsXG4gKiAgICAgICBcInVybFwiOiBcImh0dHA6Ly8uLi5cIixcbiAqICAgICAgIFwibWFya2Rvd25cIjogXCIjIyMgUmFpc2UgYSBxdWVyeVxcblVzZSB0aGlzIHRvIHJhaXNlIGEgbmV3IHF1ZXJ5LlwiLFxuICogICAgICAgXCJtYXJrZG93bl9jeVwiOiBcIiMjIyBDb2R3Y2ggeW1ob2xpYWRcXG5EZWZueWRkaXdjaCBod24gaSBnb2RpIHltaG9saWFkIG5ld3lkZC5cIlxuICogICAgIH1cbiAqICAgXVxuICogfVxuICpcbiAqIC8vIC0tLSBJbnB1dCBvYmplY3QgaW4gY29tcG9uZW50IGFmdGVyIHByb2Nlc3NpbmcgLS0tXG4gKiBjb25zdCBkYXRhSXRlbSA9IHtcbiAqICAgbmFtZTogJ1JhaXNlIGEgcXVlcnknLFxuICogICB1cmw6ICdodHRwOi8vLi4uJyxcbiAqICAgbWFya2Rvd246ICcjIyMgUmFpc2UgYSBxdWVyeVxcblVzZSB0aGlzIHRvIHJhaXNlIGEgbmV3IHF1ZXJ5LicsXG4gKiAgIG1hcmtkb3duX2N5OiAnIyMjIENvZHdjaCB5bWhvbGlhZFxcbkRlZm55ZGRpd2NoIGh3biBpIGdvZGkgeW1ob2xpYWQgbmV3eWRkLidcbiAqIH07XG4gKlxuICogLy8gLS0tIFRlbXBsYXRlIHVzYWdlIC0tLVxuICogPG5nLWNvbnRhaW5lciAqdHJhbnNsYXRlZE1hcmtkb3duPVwiZGF0YUl0ZW07IGxldCBjb250ZW50XCI+XG4gKiAgIDxtYXJrZG93biBbZGF0YV09XCJkYXRhSXRlbSA/IGNvbnRlbnQgOiAoZGF0YUl0ZW0ubWFya2Rvd24gfCBycHhUcmFuc2xhdGUpXCI+PC9tYXJrZG93bj5cbiAqIDwvbmctY29udGFpbmVyPlxuICovXG5cbi8qKlxuICogQGRpcmVjdGl2ZSBUcmFuc2xhdGVkTWFya2Rvd25EaXJlY3RpdmVcbiAqXG4gKiBSZW5kZXJzIFdlbHNoIG1hcmtkb3duIChgbWFya2Rvd25fY3lgKSBpZiB0aGUgVUkgbGFuZ3VhZ2UgaXMgV2Vsc2gsXG4gKiBvdGhlcndpc2UgdXNlcyBFbmdsaXNoIChgbWFya2Rvd25gKS4gUmVhY3RpdmVseSB1cGRhdGVzIHdoZW4gdGhlIGxhbmd1YWdlIGNoYW5nZXMuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0cmFuc2xhdGVkTWFya2Rvd25dJ1xufSlcbmV4cG9ydCBjbGFzcyBUcmFuc2xhdGVkTWFya2Rvd25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgndHJhbnNsYXRlZE1hcmtkb3duJykgZGF0YUl0ZW06IGFueTtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcbiAgICBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgIHByaXZhdGUgdHJhbnNsYXRpb25TZXJ2aWNlOiBScHhUcmFuc2xhdGlvblNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy50cmFuc2xhdGlvblNlcnZpY2UubGFuZ3VhZ2UkLnN1YnNjcmliZSgobGFuZykgPT4ge1xuICAgICAgY29uc3QgaXNXZWxzaCA9IGxhbmcgPT09ICdjeSc7XG4gICAgICBjb25zdCBjb250ZW50ID1cbiAgICAgICAgaXNXZWxzaCAmJiB0aGlzLmRhdGFJdGVtPy5tYXJrZG93bl9jeVxuICAgICAgICAgID8gdGhpcy5kYXRhSXRlbS5tYXJrZG93bl9jeVxuICAgICAgICAgIDogdGhpcy5kYXRhSXRlbT8ubWFya2Rvd24gPz8gJyc7XG5cbiAgICAgIHRoaXMudmlld0NvbnRhaW5lci5jbGVhcigpO1xuICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmLCB7XG4gICAgICAgICRpbXBsaWNpdDogY29udGVudCxcbiAgICAgICAgdHJhbnNsYXRlZE1hcmtkb3duOiB0aGlzLmRhdGFJdGVtXG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/shared/directives/welsh-translated-markdown/welsh-translated-markdown.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { TranslatedMarkdownDirective } from './welsh-translated-markdown.directive';
+import * as i0 from "@angular/core";
+export class TranslatedMarkdownModule {
+    static ɵfac = function TranslatedMarkdownModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TranslatedMarkdownModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TranslatedMarkdownModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TranslatedMarkdownModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    TranslatedMarkdownDirective
+                ],
+                exports: [
+                    TranslatedMarkdownDirective
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TranslatedMarkdownModule, { declarations: [TranslatedMarkdownDirective], exports: [TranslatedMarkdownDirective] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2Vsc2gtdHJhbnNsYXRlZC1tYXJrZG93bi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2RpcmVjdGl2ZXMvd2Vsc2gtdHJhbnNsYXRlZC1tYXJrZG93bi93ZWxzaC10cmFuc2xhdGVkLW1hcmtkb3duLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQVVwRixNQUFNLE9BQU8sd0JBQXdCO2tIQUF4Qix3QkFBd0I7NERBQXhCLHdCQUF3Qjs7O2lGQUF4Qix3QkFBd0I7Y0FScEMsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWiwyQkFBMkI7aUJBQzVCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCwyQkFBMkI7aUJBQzVCO2FBQ0Y7O3dGQUNZLHdCQUF3QixtQkFOakMsMkJBQTJCLGFBRzNCLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVkTWFya2Rvd25EaXJlY3RpdmUgfSBmcm9tICcuL3dlbHNoLXRyYW5zbGF0ZWQtbWFya2Rvd24uZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVHJhbnNsYXRlZE1hcmtkb3duRGlyZWN0aXZlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBUcmFuc2xhdGVkTWFya2Rvd25EaXJlY3RpdmVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUcmFuc2xhdGVkTWFya2Rvd25Nb2R1bGUge31cbiJdfQ==