@hmcts/ccd-case-ui-toolkit 7.0.30-prerelease-ccd-label → 7.0.31-angular-upgrade

package/esm2022/lib/shared/components/palette/money-gbp/money-gbp-input.component.mjs

@@ -0,0 +1,128 @@
+import { Component, forwardRef, Input } from '@angular/core';
+import { FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class MoneyGbpInputComponent {
+    static PATTERN_REGEXP = new RegExp('^-?\\d*(\\.\\d{0,2})?$');
+    id;
+    name;
+    mandatory;
+    formControl;
+    displayValue = null;
+    disabled;
+    rawValue;
+    // change events from the textarea
+    onChange(event) {
+        // get value from input
+        const newValue = event.target.value;
+        if (newValue && MoneyGbpInputComponent.PATTERN_REGEXP.test(newValue)) {
+            const parts = newValue.split('.');
+            if (!parts[1]) {
+                parts[1] = '00';
+            }
+            else {
+                while (2 > parts[1].length) {
+                    parts[1] += '0';
+                }
+            }
+            this.rawValue = parts.join('');
+        }
+        else {
+            // When pattern not matched, value is passed as is so that it fails validation.
+            this.rawValue = newValue;
+        }
+        // update the form
+        this.propagateChange(this.rawValue);
+    }
+    writeValue(obj) {
+        if (obj) {
+            this.rawValue = obj;
+            const integerPart = obj.slice(0, -2) || '0';
+            let decimalPart = obj.slice(-2);
+            while (2 > decimalPart.length) {
+                decimalPart += '0';
+            }
+            this.displayValue = [integerPart, decimalPart].join('.');
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(_) {
+        // Not used.
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    validate(control) {
+        if (this.mandatory && !control.value) {
+            return {
+                pattern: 'This field is required'
+            };
+        }
+        if (control.value && !MoneyGbpInputComponent.PATTERN_REGEXP.test(control.value)) {
+            return {
+                pattern: 'Should only contain numbers with up to 2 decimal places'
+            };
+        }
+        return undefined;
+    }
+    registerOnValidatorChange(_) {
+        // Not used.
+    }
+    propagateChange = (_) => { };
+    static ɵfac = function MoneyGbpInputComponent_Factory(t) { return new (t || MoneyGbpInputComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MoneyGbpInputComponent, selectors: [["ccd-money-gbp-input"]], inputs: { id: "id", name: "name", mandatory: "mandatory", formControl: "formControl" }, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(() => MoneyGbpInputComponent),
+                    multi: true,
+                },
+                {
+                    provide: NG_VALIDATORS,
+                    useExisting: forwardRef(() => MoneyGbpInputComponent),
+                    multi: true,
+                }
+            ])], decls: 1, vars: 4, consts: [["type", "text", 1, "form-control", "form-control-1-8", 3, "change", "keyup", "id", "name", "value", "disabled"]], template: function MoneyGbpInputComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "input", 0);
+            i0.ɵɵlistener("change", function MoneyGbpInputComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); })("keyup", function MoneyGbpInputComponent_Template_input_keyup_0_listener($event) { return ctx.onChange($event); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("id", ctx.id)("name", ctx.name)("value", ctx.displayValue)("disabled", ctx.disabled);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MoneyGbpInputComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-money-gbp-input',
+                template: `<input class="form-control form-control-1-8"
+                    type="text"
+                    [id]="id"
+                    [name]="name"
+                    [value]="displayValue"
+                    (change)="onChange($event)"
+                    (keyup)="onChange($event)"
+                    [disabled]="disabled"/>`,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => MoneyGbpInputComponent),
+                        multi: true,
+                    },
+                    {
+                        provide: NG_VALIDATORS,
+                        useExisting: forwardRef(() => MoneyGbpInputComponent),
+                        multi: true,
+                    }
+                ]
+            }]
+    }], null, { id: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }], mandatory: [{
+            type: Input
+        }], formControl: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MoneyGbpInputComponent, { className: "MoneyGbpInputComponent", filePath: "lib/shared/components/palette/money-gbp/money-gbp-input.component.ts", lineNumber: 27 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9uZXktZ2JwLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL21vbmV5LWdicC9tb25leS1nYnAtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQXdCLFdBQVcsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQStCLE1BQU0sZ0JBQWdCLENBQUM7O0FBeUJsSSxNQUFNLE9BQU8sc0JBQXNCO0lBRXpCLE1BQU0sQ0FBVSxjQUFjLEdBQUcsSUFBSSxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUd2RSxFQUFFLENBQVM7SUFHWCxJQUFJLENBQVM7SUFHYixTQUFTLENBQVU7SUFHbkIsV0FBVyxDQUFjO0lBRXpCLFlBQVksR0FBVyxJQUFJLENBQUM7SUFDNUIsUUFBUSxDQUFVO0lBRWpCLFFBQVEsQ0FBUztJQUV6QixrQ0FBa0M7SUFDM0IsUUFBUSxDQUFDLEtBQUs7UUFFbkIsdUJBQXVCO1FBQ3ZCLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBRXBDLElBQUksUUFBUSxJQUFJLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUNyRSxNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRWxDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDZCxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLENBQUM7aUJBQU0sQ0FBQztnQkFD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QU9nQztnQkFDMUMsU0FBUyxFQUFFO29CQUNUO3dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7d0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDO3dCQUNyRCxLQUFLLEVBQUUsSUFBSTtxQkFDWjtvQkFDRDt3QkFDRSxPQUFPLEVBQUUsYUFBYTt3QkFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7d0JBQ3JELEtBQUssRUFBRSxJQUFJO3FCQUNaO2lCQUNGO2FBQ0Y7Z0JBTVEsRUFBRTtrQkFEUixLQUFLO1lBSUMsSUFBSTtrQkFEVixLQUFLO1lBSUMsU0FBUztrQkFEZixLQUFLO1lBSUMsV0FBVztrQkFEakIsS0FBSzs7a0ZBYkssc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiwgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtbW9uZXktZ2JwLWlucHV0JyxcbiAgdGVtcGxhdGU6IGA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLTEtOFwiXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJkaXNwbGF5VmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAoa2V5dXApPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiLz5gLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE1vbmV5R2JwSW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTW9uZXlHYnBJbnB1dENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9uZXlHYnBJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBWYWxpZGF0b3Ige1xuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IFBBVFRFUk5fUkVHRVhQID0gbmV3IFJlZ0V4cCgnXi0/XFxcXGQqKFxcXFwuXFxcXGR7MCwyfSk/JCcpO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpZDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG1hbmRhdG9yeTogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZm9ybUNvbnRyb2w6IEZvcm1Db250cm9sO1xuXG4gIHB1YmxpYyBkaXNwbGF5VmFsdWU6IHN0cmluZyA9IG51bGw7XG4gIHB1YmxpYyBkaXNhYmxlZDogYm9vbGVhbjtcblxuICBwcml2YXRlIHJhd1ZhbHVlOiBudW1iZXI7XG5cbiAgLy8gY2hhbmdlIGV2ZW50cyBmcm9tIHRoZSB0ZXh0YXJlYVxuICBwdWJsaWMgb25DaGFuZ2UoZXZlbnQpIHtcblxuICAgIC8vIGdldCB2YWx1ZSBmcm9tIGlucHV0XG4gICAgY29uc3QgbmV3VmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XG5cbiAgICBpZiAobmV3VmFsdWUgJiYgTW9uZXlHYnBJbnB1dENvbXBvbmVudC5QQVRURVJOX1JFR0VYUC50ZXN0KG5ld1ZhbHVlKSkge1xuICAgICAgY29uc3QgcGFydHMgPSBuZXdWYWx1ZS5zcGxpdCgnLicpO1xuXG4gICAgICBpZiAoIXBhcnRzWzFdKSB7XG4gICAgICAgIHBhcnRzWzFdID0gJzAwJztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHdoaWxlICgyID4gcGFydHNbMV0ubGVuZ3RoKSB7XG4gICAgICAgICAgcGFydHNbMV0gKz0gJzAnO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIHRoaXMucmF3VmFsdWUgPSBwYXJ0cy5qb2luKCcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gV2hlbiBwYXR0ZXJuIG5vdCBtYXRjaGVkLCB2YWx1ZSBpcyBwYXNzZWQgYXMgaXMgc28gdGhhdCBpdCBmYWlscyB2YWxpZGF0aW9uLlxuICAgICAgdGhpcy5yYXdWYWx1ZSA9IG5ld1ZhbHVlO1xuICAgIH1cblxuICAgIC8vIHVwZGF0ZSB0aGUgZm9ybVxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMucmF3VmFsdWUpO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAob2JqKSB7XG4gICAgICB0aGlzLnJhd1ZhbHVlID0gb2JqO1xuXG4gICAgICBjb25zdCBpbnRlZ2VyUGFydCA9IG9iai5zbGljZSgwLCAtMikgfHwgJzAnO1xuICAgICAgbGV0IGRlY2ltYWxQYXJ0ID0gb2JqLnNsaWNlKC0yKTtcblxuICAgICAgd2hpbGUgKDIgPiBkZWNpbWFsUGFydC5sZW5ndGgpIHtcbiAgICAgICAgZGVjaW1hbFBhcnQgKz0gJzAnO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmRpc3BsYXlWYWx1ZSA9IFtpbnRlZ2VyUGFydCwgZGVjaW1hbFBhcnRdLmpvaW4oJy4nKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChfOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBOb3QgdXNlZC5cbiAgfVxuXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyB2YWxpZGF0ZShjb250cm9sOiBGb3JtQ29udHJvbCk6IFZhbGlkYXRpb25FcnJvcnMge1xuICAgIGlmICh0aGlzLm1hbmRhdG9yeSAmJiAhY29udHJvbC52YWx1ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgcGF0dGVybjogJ1RoaXMgZmllbGQgaXMgcmVxdWlyZWQnXG4gICAgICB9O1xuICAgIH1cbiAgICBpZiAoY29udHJvbC52YWx1ZSAmJiAhTW9uZXlHYnBJbnB1dENvbXBvbmVudC5QQVRURVJOX1JFR0VYUC50ZXN0KGNvbnRyb2wudmFsdWUpKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYXR0ZXJuOiAnU2hvdWxkIG9ubHkgY29udGFpbiBudW1iZXJzIHdpdGggdXAgdG8gMiBkZWNpbWFsIHBsYWNlcydcbiAgICAgIH07XG4gICAgfVxuICAgIHJldHVybiB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPblZhbGlkYXRvckNoYW5nZShfOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgLy8gTm90IHVzZWQuXG4gIH1cblxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcblxufVxuIl19

package/esm2022/lib/shared/components/palette/money-gbp/read-money-gbp-field.component.mjs

@@ -0,0 +1,50 @@
+import { Component, Input } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { AbstractFieldReadComponent } from '../base-field/abstract-field-read.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function ReadMoneyGbpFieldComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "span", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "currency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind3(3, 1, ctx_r0.value / 100, "GBP", "symbol"));
+} }
+export class ReadMoneyGbpFieldComponent extends AbstractFieldReadComponent {
+    amount;
+    value;
+    ngOnInit() {
+        if (this.amount) {
+            this.value = this.amount;
+        }
+        else if (this.caseField) {
+            this.registerControl(new FormControl(this.caseField.value));
+            this.value = this.caseField.value;
+        }
+    }
+    isNumber() {
+        return null !== this.value && !isNaN(this.value);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵReadMoneyGbpFieldComponent_BaseFactory; return function ReadMoneyGbpFieldComponent_Factory(t) { return (ɵReadMoneyGbpFieldComponent_BaseFactory || (ɵReadMoneyGbpFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadMoneyGbpFieldComponent)))(t || ReadMoneyGbpFieldComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadMoneyGbpFieldComponent, selectors: [["ccd-read-money-gbp-field"]], inputs: { amount: "amount" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "text-16"]], template: function ReadMoneyGbpFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ReadMoneyGbpFieldComponent_ng_container_0_Template, 4, 5, "ng-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isNumber());
+        } }, dependencies: [i1.NgIf, i1.CurrencyPipe], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadMoneyGbpFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-money-gbp-field',
+                template: `<ng-container *ngIf="isNumber()"><span class="text-16">{{value / 100 | currency:'GBP':'symbol'}}</span></ng-container>`
+            }]
+    }], null, { amount: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadMoneyGbpFieldComponent, { className: "ReadMoneyGbpFieldComponent", filePath: "lib/shared/components/palette/money-gbp/read-money-gbp-field.component.ts", lineNumber: 9 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1tb25leS1nYnAtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbW9uZXktZ2JwL3JlYWQtbW9uZXktZ2JwLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7SUFJNUUsNkJBQWlDO0lBQUEsK0JBQXNCO0lBQUEsWUFBeUM7O0lBQUEsaUJBQU87Ozs7SUFBaEQsZUFBeUM7SUFBekMsK0VBQXlDOztBQUU3RyxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsMEJBQTBCO0lBR2pFLE1BQU0sQ0FBTTtJQUNaLEtBQUssQ0FBTTtJQUVYLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7UUFDcEMsQ0FBQztJQUNILENBQUM7SUFFTSxRQUFRO1FBQ2IsT0FBTyxJQUFJLEtBQUssSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkQsQ0FBQztxUUFqQlUsMEJBQTBCLFNBQTFCLDBCQUEwQjs2REFBMUIsMEJBQTBCO1lBRjFCLDZGQUFpQzs7WUFBbEIscUNBQWdCOzs7aUZBRS9CLDBCQUEwQjtjQUp0QyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtnQkFDcEMsUUFBUSxFQUFFLHdIQUF3SDthQUNuSTtnQkFJUSxNQUFNO2tCQURaLEtBQUs7O2tGQUZLLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBYnN0cmFjdEZpZWxkUmVhZENvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2UtZmllbGQvYWJzdHJhY3QtZmllbGQtcmVhZC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtcmVhZC1tb25leS1nYnAtZmllbGQnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250YWluZXIgKm5nSWY9XCJpc051bWJlcigpXCI+PHNwYW4gY2xhc3M9XCJ0ZXh0LTE2XCI+e3t2YWx1ZSAvIDEwMCB8IGN1cnJlbmN5OidHQlAnOidzeW1ib2wnfX08L3NwYW4+PC9uZy1jb250YWluZXI+YFxufSlcbmV4cG9ydCBjbGFzcyBSZWFkTW9uZXlHYnBGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmllbGRSZWFkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgYW1vdW50OiBhbnk7XG4gIHB1YmxpYyB2YWx1ZTogYW55O1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5hbW91bnQpIHtcbiAgICAgIHRoaXMudmFsdWUgPSB0aGlzLmFtb3VudDtcbiAgICB9IGVsc2UgaWYgKHRoaXMuY2FzZUZpZWxkKSB7XG4gICAgICB0aGlzLnJlZ2lzdGVyQ29udHJvbChuZXcgRm9ybUNvbnRyb2wodGhpcy5jYXNlRmllbGQudmFsdWUpKTtcbiAgICAgIHRoaXMudmFsdWUgPSB0aGlzLmNhc2VGaWVsZC52YWx1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgaXNOdW1iZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIG51bGwgIT09IHRoaXMudmFsdWUgJiYgIWlzTmFOKHRoaXMudmFsdWUpO1xuICB9XG5cbn1cbiJdfQ==

package/esm2022/lib/shared/components/palette/money-gbp/write-money-gbp-field.component.mjs

@@ -0,0 +1,79 @@
+import { Component } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { AbstractFieldWriteComponent } from '../base-field/abstract-field-write.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "./money-gbp-input.component";
+import * as i4 from "../utils/field-label.pipe";
+import * as i5 from "../utils/first-error.pipe";
+import * as i6 from "../utils/is-mandatory.pipe";
+import * as i7 from "rpx-xui-translation";
+const _c0 = a0 => ({ "form-group-error": a0 });
+function WriteMoneyGbpFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFieldLabel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+} }
+function WriteMoneyGbpFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField.hint_text));
+} }
+function WriteMoneyGbpFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFirstError");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r0.moneyGbpControl.errors, ctx_r0.caseField.label));
+} }
+export class WriteMoneyGbpFieldComponent extends AbstractFieldWriteComponent {
+    moneyGbpControl;
+    ngOnInit() {
+        this.moneyGbpControl = this.registerControl(new FormControl(this.caseField.value));
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵWriteMoneyGbpFieldComponent_BaseFactory; return function WriteMoneyGbpFieldComponent_Factory(t) { return (ɵWriteMoneyGbpFieldComponent_BaseFactory || (ɵWriteMoneyGbpFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteMoneyGbpFieldComponent)))(t || WriteMoneyGbpFieldComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteMoneyGbpFieldComponent, selectors: [["ccd-write-money-gbp-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 13, consts: [[1, "form-group", "bottom-30", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-money"], [1, "form-currency"], [3, "id", "name", "mandatory", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteMoneyGbpFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtemplate(2, WriteMoneyGbpFieldComponent_span_2_Template, 3, 3, "span", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, WriteMoneyGbpFieldComponent_span_3_Template, 3, 3, "span", 3)(4, WriteMoneyGbpFieldComponent_span_4_Template, 3, 4, "span", 4);
+            i0.ɵɵelementStart(5, "div", 5)(6, "span", 6);
+            i0.ɵɵtext(7, "\u00A3");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(8, "ccd-money-gbp-input", 7);
+            i0.ɵɵpipe(9, "ccdIsMandatory");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("for", ctx.id());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.label);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.moneyGbpControl.errors && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("id", ctx.id())("name", ctx.id())("mandatory", i0.ɵɵpipeBind1(9, 9, ctx.caseField))("formControl", ctx.moneyGbpControl);
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2.NgControlStatus, i2.FormControlDirective, i3.MoneyGbpInputComponent, i4.FieldLabelPipe, i5.FirstErrorPipe, i6.IsMandatoryPipe, i7.RpxTranslatePipe], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteMoneyGbpFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-write-money-gbp-field', template: "<div class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !moneyGbpControl.valid && (moneyGbpControl.dirty || moneyGbpControl.touched)}\">\n\n  <label [for]=\"id()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n  <span class=\"error-message\" *ngIf=\"moneyGbpControl.errors && (moneyGbpControl.dirty || moneyGbpControl.touched)\">{{moneyGbpControl.errors | ccdFirstError:caseField.label}}</span>\n\n  <div class=\"form-money\">\n    <span class=\"form-currency\">&#163;</span>\n    <ccd-money-gbp-input [id]=\"id()\"\n                         [name]=\"id()\"\n                         [mandatory]=\"caseField | ccdIsMandatory\"\n                         [formControl]=\"moneyGbpControl\"></ccd-money-gbp-input>\n  </div>\n\n</div>\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteMoneyGbpFieldComponent, { className: "WriteMoneyGbpFieldComponent", filePath: "lib/shared/components/palette/money-gbp/write-money-gbp-field.component.ts", lineNumber: 9 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtbW9uZXktZ2JwLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL21vbmV5LWdicC93cml0ZS1tb25leS1nYnAtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbW9uZXktZ2JwL3dyaXRlLW1vbmV5LWdicC1maWVsZC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7Ozs7OztJQ0N2RiwrQkFBaUQ7SUFBQSxZQUE2Qjs7SUFBQSxpQkFBTzs7O0lBQXBDLGNBQTZCO0lBQTdCLDREQUE2Qjs7O0lBRWhGLCtCQUFvRDtJQUFBLFlBQXNDOztJQUFBLGlCQUFPOzs7SUFBN0MsY0FBc0M7SUFBdEMsc0VBQXNDOzs7SUFDMUYsZ0NBQWlIO0lBQUEsWUFBMEQ7O0lBQUEsaUJBQU87OztJQUFqRSxjQUEwRDtJQUExRCxpR0FBMEQ7O0FERTdLLE1BQU0sT0FBTywyQkFBNEIsU0FBUSwyQkFBMkI7SUFFbkUsZUFBZSxDQUFjO0lBRTdCLFFBQVE7UUFDYixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBZ0IsQ0FBQztJQUNwRyxDQUFDO3lRQU5VLDJCQUEyQixTQUEzQiwyQkFBMkI7NkRBQTNCLDJCQUEyQjtZQ050QyxBQUZGLDhCQUFpSixlQUUzSDtZQUNsQiw4RUFBaUQ7WUFDbkQsaUJBQVE7WUFFUixBQURBLDhFQUFvRCxpRUFDNkQ7WUFHL0csQUFERiw4QkFBd0IsY0FDTTtZQUFBLHNCQUFNO1lBQUEsaUJBQU87WUFDekMseUNBRzJFOztZQUcvRSxBQUZFLGlCQUFNLEVBRUY7O1lBaEI0QiwrSUFBOEc7WUFFdkksY0FBWTtZQUFaLDhCQUFZO1lBQ1MsY0FBcUI7WUFBckIsMENBQXFCO1lBRXhCLGNBQXlCO1lBQXpCLDhDQUF5QjtZQUNyQixjQUFrRjtZQUFsRiwrR0FBa0Y7WUFJeEYsZUFBVztZQUdYLEFBREEsQUFEQSxBQURBLDZCQUFXLGtCQUNFLGtEQUMyQixvQ0FDVDs7O2lGREwzQywyQkFBMkI7Y0FKdkMsU0FBUzsyQkFDRSwyQkFBMkI7O2tGQUcxQiwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBYnN0cmFjdEZpZWxkV3JpdGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWZpZWxkL2Fic3RyYWN0LWZpZWxkLXdyaXRlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC13cml0ZS1tb25leS1nYnAtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vd3JpdGUtbW9uZXktZ2JwLWZpZWxkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFdyaXRlTW9uZXlHYnBGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmllbGRXcml0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIG1vbmV5R2JwQ29udHJvbDogRm9ybUNvbnRyb2w7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMubW9uZXlHYnBDb250cm9sID0gdGhpcy5yZWdpc3RlckNvbnRyb2wobmV3IEZvcm1Db250cm9sKHRoaXMuY2FzZUZpZWxkLnZhbHVlKSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIGJvdHRvbS0zMFwiIFtuZ0NsYXNzXT1cInsnZm9ybS1ncm91cC1lcnJvcic6ICFtb25leUdicENvbnRyb2wudmFsaWQgJiYgKG1vbmV5R2JwQ29udHJvbC5kaXJ0eSB8fCBtb25leUdicENvbnRyb2wudG91Y2hlZCl9XCI+XG5cbiAgPGxhYmVsIFtmb3JdPVwiaWQoKVwiPlxuICAgIDxzcGFuIGNsYXNzPVwiZm9ybS1sYWJlbFwiICpuZ0lmPVwiY2FzZUZpZWxkLmxhYmVsXCI+e3tjYXNlRmllbGQgfCBjY2RGaWVsZExhYmVsfX08L3NwYW4+XG4gIDwvbGFiZWw+XG4gIDxzcGFuIGNsYXNzPVwiZm9ybS1oaW50XCIgKm5nSWY9XCJjYXNlRmllbGQuaGludF90ZXh0XCI+e3tjYXNlRmllbGQuaGludF90ZXh0IHwgcnB4VHJhbnNsYXRlfX08L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiICpuZ0lmPVwibW9uZXlHYnBDb250cm9sLmVycm9ycyAmJiAobW9uZXlHYnBDb250cm9sLmRpcnR5IHx8IG1vbmV5R2JwQ29udHJvbC50b3VjaGVkKVwiPnt7bW9uZXlHYnBDb250cm9sLmVycm9ycyB8IGNjZEZpcnN0RXJyb3I6Y2FzZUZpZWxkLmxhYmVsfX08L3NwYW4+XG5cbiAgPGRpdiBjbGFzcz1cImZvcm0tbW9uZXlcIj5cbiAgICA8c3BhbiBjbGFzcz1cImZvcm0tY3VycmVuY3lcIj4mIzE2Mzs8L3NwYW4+XG4gICAgPGNjZC1tb25leS1nYnAtaW5wdXQgW2lkXT1cImlkKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIFtuYW1lXT1cImlkKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIFttYW5kYXRvcnldPVwiY2FzZUZpZWxkIHwgY2NkSXNNYW5kYXRvcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJtb25leUdicENvbnRyb2xcIj48L2NjZC1tb25leS1nYnAtaW5wdXQ+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/shared/components/palette/multi-select-list/read-multi-select-list-field.component.mjs

@@ -0,0 +1,46 @@
+import { Component } from '@angular/core';
+import { AbstractFieldReadComponent } from '../base-field/abstract-field-read.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "rpx-xui-translation";
+import * as i3 from "../fixed-list/fixed-list.pipe";
+function ReadMultiSelectListFieldComponent_table_0_tr_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵelement(1, "th", 3);
+    i0.ɵɵelementStart(2, "td")(3, "span", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "ccdFixedList");
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const value_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 4, i0.ɵɵpipeBind2(5, 1, value_r1, ctx_r1.caseField.field_type.fixed_list_items)));
+} }
+function ReadMultiSelectListFieldComponent_table_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 1);
+    i0.ɵɵpipe(1, "rpxTranslate");
+    i0.ɵɵelementStart(2, "tbody");
+    i0.ɵɵtemplate(3, ReadMultiSelectListFieldComponent_table_0_tr_3_Template, 7, 6, "tr", 2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(1, 2, "multi selection table"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", ctx_r1.caseField.value);
+} }
+export class ReadMultiSelectListFieldComponent extends AbstractFieldReadComponent {
+    static ɵfac = /*@__PURE__*/ (() => { let ɵReadMultiSelectListFieldComponent_BaseFactory; return function ReadMultiSelectListFieldComponent_Factory(t) { return (ɵReadMultiSelectListFieldComponent_BaseFactory || (ɵReadMultiSelectListFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadMultiSelectListFieldComponent)))(t || ReadMultiSelectListFieldComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadMultiSelectListFieldComponent, selectors: [["ccd-read-multi-select-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "multi-select-list-field-table", 4, "ngIf"], [1, "multi-select-list-field-table"], [4, "ngFor", "ngForOf"], [2, "display", "none"], [1, "text-16"]], template: function ReadMultiSelectListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ReadMultiSelectListFieldComponent_table_0_Template, 4, 4, "table", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.caseField.value && ctx.caseField.value.length);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.RpxTranslatePipe, i3.FixedListPipe], styles: [".multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:5px 0}.multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.multi-select-list-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadMultiSelectListFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-read-multi-select-list-field', template: "<table *ngIf=\"caseField.value && caseField.value.length\" class=\"multi-select-list-field-table\"\n       [attr.aria-describedby]=\"'multi selection table' | rpxTranslate\">\n  <tbody>\n    <tr *ngFor=\"let value of caseField.value\">\n      <th style=\"display: none;\"></th>\n      <td><span class=\"text-16\">{{ value | ccdFixedList:caseField.field_type.fixed_list_items | rpxTranslate}}</span></td>\n    </tr>\n  </tbody>\n</table>\n", styles: [".multi-select-list-field-table tr>td{padding:5px 0}.multi-select-list-field-table tr:last-child>td{border-bottom:none}.multi-select-list-field-table td.collection-actions{width:1px;white-space:nowrap}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadMultiSelectListFieldComponent, { className: "ReadMultiSelectListFieldComponent", filePath: "lib/shared/components/palette/multi-select-list/read-multi-select-list-field.component.ts", lineNumber: 9 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1tdWx0aS1zZWxlY3QtbGlzdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9tdWx0aS1zZWxlY3QtbGlzdC9yZWFkLW11bHRpLXNlbGVjdC1saXN0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL211bHRpLXNlbGVjdC1saXN0L3JlYWQtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7Ozs7SUNFckYsMEJBQTBDO0lBQ3hDLHdCQUFnQztJQUM1QixBQUFKLDBCQUFJLGNBQXNCO0lBQUEsWUFBOEU7OztJQUMxRyxBQURpSCxBQUFQLGlCQUFPLEVBQUssRUFDakg7Ozs7SUFEdUIsZUFBOEU7SUFBOUUsd0hBQThFOzs7SUFMOUcsZ0NBQ3dFOztJQUN0RSw2QkFBTztJQUNMLHdGQUEwQztJQUs5QyxBQURFLGlCQUFRLEVBQ0Y7Ozs7SUFMa0IsZUFBa0I7SUFBbEIsZ0RBQWtCOztBREs1QyxNQUFNLE9BQU8saUNBQWtDLFNBQVEsMEJBQTBCO2lTQUFwRSxpQ0FBaUMsU0FBakMsaUNBQWlDOzZEQUFqQyxpQ0FBaUM7WUNSOUMsc0ZBQ3dFOztZQURoRSx3RUFBK0M7OztpRkRRMUMsaUNBQWlDO2NBTDdDLFNBQVM7MkJBQ0Usa0NBQWtDOztrRkFJakMsaUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdEZpZWxkUmVhZENvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2UtZmllbGQvYWJzdHJhY3QtZmllbGQtcmVhZC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtcmVhZC1tdWx0aS1zZWxlY3QtbGlzdC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZWFkLW11bHRpLXNlbGVjdC1saXN0LWZpZWxkLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tdWx0aS1zZWxlY3QtbGlzdC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmVhZE11bHRpU2VsZWN0TGlzdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFJlYWRDb21wb25lbnQge31cbiIsIjx0YWJsZSAqbmdJZj1cImNhc2VGaWVsZC52YWx1ZSAmJiBjYXNlRmllbGQudmFsdWUubGVuZ3RoXCIgY2xhc3M9XCJtdWx0aS1zZWxlY3QtbGlzdC1maWVsZC10YWJsZVwiXG4gICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCInbXVsdGkgc2VsZWN0aW9uIHRhYmxlJyB8IHJweFRyYW5zbGF0ZVwiPlxuICA8dGJvZHk+XG4gICAgPHRyICpuZ0Zvcj1cImxldCB2YWx1ZSBvZiBjYXNlRmllbGQudmFsdWVcIj5cbiAgICAgIDx0aCBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCI+PC90aD5cbiAgICAgIDx0ZD48c3BhbiBjbGFzcz1cInRleHQtMTZcIj57eyB2YWx1ZSB8IGNjZEZpeGVkTGlzdDpjYXNlRmllbGQuZmllbGRfdHlwZS5maXhlZF9saXN0X2l0ZW1zIHwgcnB4VHJhbnNsYXRlfX08L3NwYW4+PC90ZD5cbiAgICA8L3RyPlxuICA8L3Rib2R5PlxuPC90YWJsZT5cbiJdfQ==

package/esm2022/lib/shared/components/palette/multi-select-list/write-multi-select-list-field.component.mjs

@@ -0,0 +1,126 @@
+import { Component } from '@angular/core';
+import { FormArray, FormControl } from '@angular/forms';
+import { AbstractFieldWriteComponent } from '../base-field/abstract-field-write.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../utils/field-label.pipe";
+import * as i3 from "../utils/first-error.pipe";
+import * as i4 from "rpx-xui-translation";
+const _c0 = a0 => ({ "error": a0 });
+function WriteMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFieldLabel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+} }
+function WriteMultiSelectListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField.hint_text));
+} }
+function WriteMultiSelectListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFirstError");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r0.checkboxes.errors, ctx_r0.caseField.label));
+} }
+function WriteMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 8)(2, "input", 9);
+    i0.ɵɵlistener("change", function WriteMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onCheckChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "label", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const checkbox_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("id", ctx_r0.id() + "-" + checkbox_r3.code)("name", ctx_r0.id())("value", checkbox_r3.code)("checked", ctx_r0.isSelected(checkbox_r3.code));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", ctx_r0.id() + "-" + checkbox_r3.code);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, checkbox_r3.label));
+} }
+export class WriteMultiSelectListFieldComponent extends AbstractFieldWriteComponent {
+    checkboxes;
+    ngOnInit() {
+        this.checkboxes = new FormArray([]);
+        // Initialise array with existing values
+        if (this.caseField.value && Array.isArray(this.caseField.value)) {
+            const values = this.caseField.value;
+            values.forEach(value => {
+                this.checkboxes.push(new FormControl(value));
+            });
+        }
+        this.registerControl(this.checkboxes, true);
+        if (this.caseField.display_context && this.caseField.display_context === 'MANDATORY' && this.caseField.field_type
+            && this.caseField.field_type.type === 'MultiSelectList' && this.caseField.field_type.fixed_list_items.length > 0
+            && this.checkboxes.controls.length === 0) {
+            if (this.caseField.field_type.fixed_list_items[0].code) {
+                this.checkboxes.push(new FormControl(this.caseField.field_type.fixed_list_items[0].code));
+                this.checkboxes.removeAt(0);
+            }
+        }
+    }
+    onCheckChange(event) {
+        if (!this.isSelected(event.target.value)) {
+            // Add a new control in the FormArray
+            this.checkboxes.push(new FormControl(event.target.value));
+        }
+        else {
+            // Remove the control form the FormArray
+            this.checkboxes.controls.forEach((ctrl, i) => {
+                if (ctrl.value === event.target.value) {
+                    this.checkboxes.removeAt(i);
+                    return;
+                }
+            });
+        }
+    }
+    isSelected(code) {
+        if (this.checkboxes && this.checkboxes.controls) {
+            return this.checkboxes.controls.find(control => control.value === code);
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵWriteMultiSelectListFieldComponent_BaseFactory; return function WriteMultiSelectListFieldComponent_Factory(t) { return (ɵWriteMultiSelectListFieldComponent_BaseFactory || (ɵWriteMultiSelectListFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteMultiSelectListFieldComponent)))(t || WriteMultiSelectListFieldComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteMultiSelectListFieldComponent, selectors: [["ccd-write-multi-select-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 8, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice"], ["type", "checkbox", 1, "form-control", 3, "change", "id", "name", "value", "checked"], [1, "form-label", 3, "for"]], template: function WriteMultiSelectListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "fieldset")(2, "legend");
+            i0.ɵɵtemplate(3, WriteMultiSelectListFieldComponent_span_3_Template, 3, 3, "span", 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, WriteMultiSelectListFieldComponent_span_4_Template, 3, 3, "span", 2)(5, WriteMultiSelectListFieldComponent_span_5_Template, 3, 4, "span", 3)(6, WriteMultiSelectListFieldComponent_ng_container_6_Template, 6, 8, "ng-container", 4);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.caseField.label);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.checkboxes.errors && (ctx.checkboxes.dirty || ctx.checkboxes.touched));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.caseField.field_type.fixed_list_items);
+        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.FieldLabelPipe, i3.FirstErrorPipe, i4.RpxTranslatePipe], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteMultiSelectListFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-write-multi-select-list-field', template: "<div class=\"form-group bottom-30\" [ngClass]=\"{'error': !checkboxes.valid && (checkboxes.dirty || checkboxes.touched)}\" [id]=\"id()\">\n\n  <fieldset>\n\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n    </legend>\n    <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span *ngIf=\"checkboxes.errors && (checkboxes.dirty || checkboxes.touched)\" class=\"error-message\">{{checkboxes.errors | ccdFirstError:caseField.label}}</span>\n\n    <ng-container *ngFor=\"let checkbox of caseField.field_type.fixed_list_items\">\n\n      <div class=\"multiple-choice\">\n        <input class=\"form-control\" [id]=\"id()+'-'+checkbox.code\" [name]=\"id()\" type=\"checkbox\" [value]=\"checkbox.code\" [checked]=\"isSelected(checkbox.code)\" (change)=\"onCheckChange($event)\">\n        <label class=\"form-label\" [for]=\"id()+'-'+checkbox.code\">{{checkbox.label | rpxTranslate}}</label>\n      </div>\n\n    </ng-container>\n\n  </fieldset>\n\n</div>\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteMultiSelectListFieldComponent, { className: "WriteMultiSelectListFieldComponent", filePath: "lib/shared/components/palette/multi-select-list/write-multi-select-list-field.component.ts", lineNumber: 10 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbXVsdGktc2VsZWN0LWxpc3Qvd3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbXVsdGktc2VsZWN0LWxpc3Qvd3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBbUIsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7OztJQ0VyRiwrQkFBaUQ7SUFBQSxZQUE2Qjs7SUFBQSxpQkFBTzs7O0lBQXBDLGNBQTZCO0lBQTdCLDREQUE2Qjs7O0lBRWhGLCtCQUFvRDtJQUFBLFlBQXNDOztJQUFBLGlCQUFPOzs7SUFBN0MsY0FBc0M7SUFBdEMsc0VBQXNDOzs7SUFDMUYsK0JBQWtHO0lBQUEsWUFBcUQ7O0lBQUEsaUJBQU87OztJQUE1RCxjQUFxRDtJQUFyRCw0RkFBcUQ7Ozs7SUFFdkosNkJBQTZFO0lBR3pFLEFBREYsOEJBQTZCLGVBQzRKO0lBQWpDLDhNQUFVLDRCQUFxQixLQUFDO0lBQXRMLGlCQUF1TDtJQUN2TCxpQ0FBeUQ7SUFBQSxZQUFpQzs7SUFDNUYsQUFENEYsaUJBQVEsRUFDOUY7Ozs7O0lBRndCLGVBQTZCO0lBQXVELEFBQXhC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QyxPQUFPLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxDQUFDO1FBQzFFLENBQUM7SUFDSCxDQUFDO3FTQTVDVSxrQ0FBa0MsU0FBbEMsa0NBQWtDOzZEQUFsQyxrQ0FBa0M7WUNMM0MsQUFGRixBQUZGLDhCQUFtSSxlQUV2SCxhQUVBO1lBQ04scUZBQWlEO1lBQ25ELGlCQUFTO1lBSVQsQUFGQSxBQURBLHFGQUFvRCx3RUFDOEMsd0ZBRXJCO1lBV2pGLEFBRkUsaUJBQVcsRUFFUDs7WUFyQmlILEFBQXJGLCtIQUFvRixnQkFBWTtZQUtsRyxlQUFxQjtZQUFyQiwwQ0FBcUI7WUFFMUMsY0FBeUI7WUFBekIsOENBQXlCO1lBQ3pCLGNBQW1FO1lBQW5FLGdHQUFtRTtZQUV2QyxjQUF3QztZQUF4QyxtRUFBd0M7OztpRkREbEUsa0NBQWtDO2NBSjlDLFNBQVM7MkJBQ0UsbUNBQW1DOztrRkFHbEMsa0NBQWtDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUFycmF5LCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC13cml0ZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2Qtd3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vd3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgV3JpdGVNdWx0aVNlbGVjdExpc3RGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmllbGRXcml0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGNoZWNrYm94ZXM6IEZvcm1BcnJheTtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2JveGVzID0gbmV3IEZvcm1BcnJheShbXSk7XG5cbiAgICAvLyBJbml0aWFsaXNlIGFycmF5IHdpdGggZXhpc3RpbmcgdmFsdWVzXG4gICAgaWYgKHRoaXMuY2FzZUZpZWxkLnZhbHVlICYmIEFycmF5LmlzQXJyYXkodGhpcy5jYXNlRmllbGQudmFsdWUpKSB7XG4gICAgICBjb25zdCB2YWx1ZXM6IHN0cmluZ1tdID0gdGhpcy5jYXNlRmllbGQudmFsdWU7XG4gICAgICB2YWx1ZXMuZm9yRWFjaCh2YWx1ZSA9PiB7XG4gICAgICAgIHRoaXMuY2hlY2tib3hlcy5wdXNoKG5ldyBGb3JtQ29udHJvbCh2YWx1ZSkpO1xuICAgICAgfSk7XG4gICAgfVxuICAgIHRoaXMucmVnaXN0ZXJDb250cm9sKHRoaXMuY2hlY2tib3hlcywgdHJ1ZSk7XG4gICAgaWYgKHRoaXMuY2FzZUZpZWxkLmRpc3BsYXlfY29udGV4dCAmJiB0aGlzLmNhc2VGaWVsZC5kaXNwbGF5X2NvbnRleHQgPT09ICdNQU5EQVRPUlknICYmIHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGVcbiAgICAgICAgICAmJiB0aGlzLmNhc2VGaWVsZC5maWVsZF90eXBlLnR5cGUgPT09ICdNdWx0aVNlbGVjdExpc3QnICYmIHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGUuZml4ZWRfbGlzdF9pdGVtcy5sZW5ndGggPiAwXG4gICAgICAgICAgICAmJiB0aGlzLmNoZWNrYm94ZXMuY29udHJvbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICAgIGlmICh0aGlzLmNhc2VGaWVsZC5maWVsZF90eXBlLmZpeGVkX2xpc3RfaXRlbXNbMF0uY29kZSkge1xuICAgICAgICAgICAgICAgIHRoaXMuY2hlY2tib3hlcy5wdXNoKG5ldyBGb3JtQ29udHJvbCh0aGlzLmNhc2VGaWVsZC5maWVsZF90eXBlLmZpeGVkX2xpc3RfaXRlbXNbMF0uY29kZSkpO1xuICAgICAgICAgICAgICAgIHRoaXMuY2hlY2tib3hlcy5yZW1vdmVBdCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvbkNoZWNrQ2hhbmdlKGV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmlzU2VsZWN0ZWQoZXZlbnQudGFyZ2V0LnZhbHVlKSkge1xuICAgICAgLy8gQWRkIGEgbmV3IGNvbnRyb2wgaW4gdGhlIEZvcm1BcnJheVxuICAgICAgdGhpcy5jaGVja2JveGVzLnB1c2gobmV3IEZvcm1Db250cm9sKGV2ZW50LnRhcmdldC52YWx1ZSkpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBSZW1vdmUgdGhlIGNvbnRyb2wgZm9ybSB0aGUgRm9ybUFycmF5XG4gICAgICB0aGlzLmNoZWNrYm94ZXMuY29udHJvbHMuZm9yRWFjaCgoY3RybDogRm9ybUNvbnRyb2wsIGkpID0+IHtcbiAgICAgICAgaWYgKGN0cmwudmFsdWUgPT09IGV2ZW50LnRhcmdldC52YWx1ZSkge1xuICAgICAgICAgIHRoaXMuY2hlY2tib3hlcy5yZW1vdmVBdChpKTtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBpc1NlbGVjdGVkKGNvZGUpOiBBYnN0cmFjdENvbnRyb2wge1xuICAgIGlmICh0aGlzLmNoZWNrYm94ZXMgJiYgdGhpcy5jaGVja2JveGVzLmNvbnRyb2xzKSB7XG4gICAgICByZXR1cm4gdGhpcy5jaGVja2JveGVzLmNvbnRyb2xzLmZpbmQoY29udHJvbCA9PiBjb250cm9sLnZhbHVlID09PSBjb2RlKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIGJvdHRvbS0zMFwiIFtuZ0NsYXNzXT1cInsnZXJyb3InOiAhY2hlY2tib3hlcy52YWxpZCAmJiAoY2hlY2tib3hlcy5kaXJ0eSB8fCBjaGVja2JveGVzLnRvdWNoZWQpfVwiIFtpZF09XCJpZCgpXCI+XG5cbiAgPGZpZWxkc2V0PlxuXG4gICAgPGxlZ2VuZD5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZm9ybS1sYWJlbFwiICpuZ0lmPVwiY2FzZUZpZWxkLmxhYmVsXCI+e3tjYXNlRmllbGQgfCBjY2RGaWVsZExhYmVsfX08L3NwYW4+XG4gICAgPC9sZWdlbmQ+XG4gICAgPHNwYW4gKm5nSWY9XCJjYXNlRmllbGQuaGludF90ZXh0XCIgY2xhc3M9XCJmb3JtLWhpbnRcIj57e2Nhc2VGaWVsZC5oaW50X3RleHQgfCBycHhUcmFuc2xhdGV9fTwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cImNoZWNrYm94ZXMuZXJyb3JzICYmIChjaGVja2JveGVzLmRpcnR5IHx8IGNoZWNrYm94ZXMudG91Y2hlZClcIiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIj57e2NoZWNrYm94ZXMuZXJyb3JzIHwgY2NkRmlyc3RFcnJvcjpjYXNlRmllbGQubGFiZWx9fTwvc3Bhbj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNoZWNrYm94IG9mIGNhc2VGaWVsZC5maWVsZF90eXBlLmZpeGVkX2xpc3RfaXRlbXNcIj5cblxuICAgICAgPGRpdiBjbGFzcz1cIm11bHRpcGxlLWNob2ljZVwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBbaWRdPVwiaWQoKSsnLScrY2hlY2tib3guY29kZVwiIFtuYW1lXT1cImlkKClcIiB0eXBlPVwiY2hlY2tib3hcIiBbdmFsdWVdPVwiY2hlY2tib3guY29kZVwiIFtjaGVja2VkXT1cImlzU2VsZWN0ZWQoY2hlY2tib3guY29kZSlcIiAoY2hhbmdlKT1cIm9uQ2hlY2tDaGFuZ2UoJGV2ZW50KVwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWxhYmVsXCIgW2Zvcl09XCJpZCgpKyctJytjaGVja2JveC5jb2RlXCI+e3tjaGVja2JveC5sYWJlbCB8IHJweFRyYW5zbGF0ZX19PC9sYWJlbD5cbiAgICAgIDwvZGl2PlxuXG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgPC9maWVsZHNldD5cblxuPC9kaXY+XG4iXX0=

package/esm2022/lib/shared/components/palette/number/read-number-field.component.mjs

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import { AbstractFieldReadComponent } from '../base-field/abstract-field-read.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/case-reference/case-reference.pipe";
+export class ReadNumberFieldComponent extends AbstractFieldReadComponent {
+    static ɵfac = /*@__PURE__*/ (() => { let ɵReadNumberFieldComponent_BaseFactory; return function ReadNumberFieldComponent_Factory(t) { return (ɵReadNumberFieldComponent_BaseFactory || (ɵReadNumberFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadNumberFieldComponent)))(t || ReadNumberFieldComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadNumberFieldComponent, selectors: [["ccd-read-number-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[1, "text-16"]], template: function ReadNumberFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "span", 0);
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "ccdCaseReference");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx.caseField.value));
+        } }, dependencies: [i1.CaseReferencePipe], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadNumberFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-number-field',
+                template: `<span class="text-16">{{caseField.value | ccdCaseReference}}</span>`
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadNumberFieldComponent, { className: "ReadNumberFieldComponent", filePath: "lib/shared/components/palette/number/read-number-field.component.ts", lineNumber: 8 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1udW1iZXItZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbnVtYmVyL3JlYWQtbnVtYmVyLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7QUFNekYsTUFBTSxPQUFPLHdCQUF5QixTQUFRLDBCQUEwQjs2UEFBM0Qsd0JBQXdCLFNBQXhCLHdCQUF3Qjs2REFBeEIsd0JBQXdCO1lBRnhCLCtCQUFzQjtZQUFBLFlBQXNDOztZQUFBLGlCQUFPOztZQUE3QyxjQUFzQztZQUF0QywrREFBc0M7OztpRkFFNUQsd0JBQXdCO2NBSnBDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxRQUFRLEVBQUUscUVBQXFFO2FBQ2hGOztrRkFDWSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0RmllbGRSZWFkQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC1yZWFkLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1yZWFkLW51bWJlci1maWVsZCcsXG4gIHRlbXBsYXRlOiBgPHNwYW4gY2xhc3M9XCJ0ZXh0LTE2XCI+e3tjYXNlRmllbGQudmFsdWUgfCBjY2RDYXNlUmVmZXJlbmNlfX08L3NwYW4+YFxufSlcbmV4cG9ydCBjbGFzcyBSZWFkTnVtYmVyRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpZWxkUmVhZENvbXBvbmVudCB7fVxuIl19

package/esm2022/lib/shared/components/palette/number/write-number-field.component.mjs

@@ -0,0 +1,74 @@
+import { Component } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { AbstractFieldWriteComponent } from '../base-field/abstract-field-write.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../utils/field-label.pipe";
+import * as i4 from "../utils/first-error.pipe";
+import * as i5 from "rpx-xui-translation";
+const _c0 = a0 => ({ "form-group-error": a0 });
+const _c1 = a0 => ({ "govuk-input--error": a0 });
+function WriteNumberFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFieldLabel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+} }
+function WriteNumberFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField.hint_text));
+} }
+function WriteNumberFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFirstError");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r0.numberControl.errors, ctx_r0.caseField.label), " ");
+} }
+export class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
+    numberControl;
+    ngOnInit() {
+        this.numberControl = this.registerControl(new FormControl(this.caseField.value));
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵWriteNumberFieldComponent_BaseFactory; return function WriteNumberFieldComponent_Factory(t) { return (ɵWriteNumberFieldComponent_BaseFactory || (ɵWriteNumberFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteNumberFieldComponent)))(t || WriteNumberFieldComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteNumberFieldComponent, selectors: [["ccd-write-number-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 12, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "number", 1, "form-control", "bottom-30", 3, "ngClass", "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteNumberFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtemplate(2, WriteNumberFieldComponent_span_2_Template, 3, 3, "span", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, WriteNumberFieldComponent_span_3_Template, 3, 3, "span", 3)(4, WriteNumberFieldComponent_span_4_Template, 3, 4, "span", 4);
+            i0.ɵɵelement(5, "input", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0, !ctx.numberControl.valid && ctx.numberControl.dirty));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("for", ctx.id());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.label);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.FieldLabelPipe, i4.FirstErrorPipe, i5.RpxTranslatePipe], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-write-number-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !numberControl.valid && numberControl.dirty}\">\n  <label [for]=\"id()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n  <span class=\"error-message\" *ngIf=\"numberControl.errors && numberControl.dirty\">\n    {{numberControl.errors | ccdFirstError:caseField.label}}\n  </span>\n\n  <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': numberControl.errors && numberControl.dirty}\"\n   [id]=\"id()\" type=\"number\" [formControl]=\"numberControl\">\n</div>\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteNumberFieldComponent, { className: "WriteNumberFieldComponent", filePath: "lib/shared/components/palette/number/write-number-field.component.ts", lineNumber: 9 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtbnVtYmVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL251bWJlci93cml0ZS1udW1iZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbnVtYmVyL3dyaXRlLW51bWJlci1maWVsZC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7Ozs7O0lDQXZGLCtCQUFpRDtJQUFBLFlBQTZCOztJQUFBLGlCQUFPOzs7SUFBcEMsY0FBNkI7SUFBN0IsNERBQTZCOzs7SUFFaEYsK0JBQW9EO0lBQUEsWUFBc0M7O0lBQUEsaUJBQU87OztJQUE3QyxjQUFzQztJQUF0QyxzRUFBc0M7OztJQUMxRiwrQkFBZ0Y7SUFDOUUsWUFDRjs7SUFBQSxpQkFBTzs7O0lBREwsY0FDRjtJQURFLDBHQUNGOztBRENGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSwyQkFBMkI7SUFFakUsYUFBYSxDQUFjO0lBRTNCLFFBQVE7UUFDYixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBZ0IsQ0FBQztJQUNsRyxDQUFDO2lRQU5VLHlCQUF5QixTQUF6Qix5QkFBeUI7NkRBQXpCLHlCQUF5QjtZQ1BwQyxBQURGLDhCQUFzRyxlQUNoRjtZQUNsQiw0RUFBaUQ7WUFDbkQsaUJBQVE7WUFFUixBQURBLDRFQUFvRCwrREFDNEI7WUFJaEYsMkJBQ3lEO1lBQzNELGlCQUFNOztZQVhrQix5R0FBNkU7WUFDNUYsY0FBWTtZQUFaLDhCQUFZO1lBQ1MsY0FBcUI7WUFBckIsMENBQXFCO1lBRXhCLGNBQXlCO1lBQXpCLDhDQUF5QjtZQUNyQixjQUFpRDtZQUFqRCwwRUFBaUQ7WUFJeEMsY0FBK0U7WUFDMUYsQUFBMUIsQUFEcUMsMEdBQStFLGdCQUN6RyxrQ0FBNEM7OztpRkRGN0MseUJBQXlCO2NBSnJDLFNBQVM7MkJBQ0Usd0JBQXdCOztrRkFHdkIseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC13cml0ZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2Qtd3JpdGUtbnVtYmVyLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dyaXRlLW51bWJlci1maWVsZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBXcml0ZU51bWJlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgbnVtYmVyQ29udHJvbDogRm9ybUNvbnRyb2w7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMubnVtYmVyQ29udHJvbCA9IHRoaXMucmVnaXN0ZXJDb250cm9sKG5ldyBGb3JtQ29udHJvbCh0aGlzLmNhc2VGaWVsZC52YWx1ZSkpIGFzIEZvcm1Db250cm9sO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiIFtuZ0NsYXNzXT1cInsnZm9ybS1ncm91cC1lcnJvcic6ICFudW1iZXJDb250cm9sLnZhbGlkICYmIG51bWJlckNvbnRyb2wuZGlydHl9XCI+XG4gIDxsYWJlbCBbZm9yXT1cImlkKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cImZvcm0tbGFiZWxcIiAqbmdJZj1cImNhc2VGaWVsZC5sYWJlbFwiPnt7Y2FzZUZpZWxkIHwgY2NkRmllbGRMYWJlbH19PC9zcGFuPlxuICA8L2xhYmVsPlxuICA8c3BhbiBjbGFzcz1cImZvcm0taGludFwiICpuZ0lmPVwiY2FzZUZpZWxkLmhpbnRfdGV4dFwiPnt7Y2FzZUZpZWxkLmhpbnRfdGV4dCB8IHJweFRyYW5zbGF0ZX19PC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cIm51bWJlckNvbnRyb2wuZXJyb3JzICYmIG51bWJlckNvbnRyb2wuZGlydHlcIj5cbiAgICB7e251bWJlckNvbnRyb2wuZXJyb3JzIHwgY2NkRmlyc3RFcnJvcjpjYXNlRmllbGQubGFiZWx9fVxuICA8L3NwYW4+XG5cbiAgPGlucHV0IGNsYXNzPVwiZm9ybS1jb250cm9sIGJvdHRvbS0zMFwiIFtuZ0NsYXNzXT1cInsnZ292dWstaW5wdXQtLWVycm9yJzogbnVtYmVyQ29udHJvbC5lcnJvcnMgJiYgbnVtYmVyQ29udHJvbC5kaXJ0eX1cIlxuICAgW2lkXT1cImlkKClcIiB0eXBlPVwibnVtYmVyXCIgW2Zvcm1Db250cm9sXT1cIm51bWJlckNvbnRyb2xcIj5cbjwvZGl2PlxuIl19

package/esm2022/lib/shared/components/palette/order-summary/fee-value.model.mjs

@@ -0,0 +1,4 @@
+export class FeeValue {
+    value;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlLXZhbHVlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvb3JkZXItc3VtbWFyeS9mZWUtdmFsdWUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLFFBQVE7SUFDVixLQUFLLENBQU07Q0FDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGZWUgfSBmcm9tICcuL2ZlZS5tb2RlbCc7XG5cbmV4cG9ydCBjbGFzcyBGZWVWYWx1ZSB7XG4gICAgcHVibGljIHZhbHVlOiBGZWU7XG59XG4iXX0=

package/esm2022/lib/shared/components/palette/order-summary/fee.model.mjs

@@ -0,0 +1,8 @@
+// tslint:disable:variable-name
+export class Fee {
+    FeeCode;
+    FeeAmount;
+    FeeDescription;
+    FeeVersion;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvb3JkZXItc3VtbWFyeS9mZWUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0JBQStCO0FBQy9CLE1BQU0sT0FBTyxHQUFHO0lBQ1AsT0FBTyxDQUFTO0lBQ2hCLFNBQVMsQ0FBUztJQUNsQixjQUFjLENBQVU7SUFDeEIsVUFBVSxDQUFTO0NBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdHNsaW50OmRpc2FibGU6dmFyaWFibGUtbmFtZVxuZXhwb3J0IGNsYXNzIEZlZSB7XG4gIHB1YmxpYyBGZWVDb2RlOiBzdHJpbmc7XG4gIHB1YmxpYyBGZWVBbW91bnQ6IHN0cmluZztcbiAgcHVibGljIEZlZURlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBwdWJsaWMgRmVlVmVyc2lvbjogc3RyaW5nO1xufVxuIl19