@hmcts/ccd-case-ui-toolkit 7.0.20 → 7.0.21-CVE-fix-01

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

@@ -0,0 +1,127 @@
+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, "id", "name", "value", "disabled", "change", "keyup"]], 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 });
+}
+(function () { (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
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9uZXktZ2JwLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL21vbmV5LWdicC9tb25leS1nYnAtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQXdCLFdBQVcsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQStCLE1BQU0sZ0JBQWdCLENBQUM7O0FBeUJsSSxNQUFNLE9BQU8sc0JBQXNCO0lBRXpCLE1BQU0sQ0FBVSxjQUFjLEdBQUcsSUFBSSxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUd2RSxFQUFFLENBQVM7SUFHWCxJQUFJLENBQVM7SUFHYixTQUFTLENBQVU7SUFHbkIsV0FBVyxDQUFjO0lBRXpCLFlBQVksR0FBVyxJQUFJLENBQUM7SUFDNUIsUUFBUSxDQUFVO0lBRWpCLFFBQVEsQ0FBUztJQUV6QixrQ0FBa0M7SUFDM0IsUUFBUSxDQUFDLEtBQUs7UUFFbkIsdUJBQXVCO1FBQ3ZCLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBRXBDLElBQUksUUFBUSxJQUFJLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDcEUsTUFBTSxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUVsQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNiLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDakI7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLEdBQUcsS0FB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QUssRUFBRSxJQUFJO3FCQUNaO29CQUNEO3dCQUNFLE9BQU8sRUFBRSxhQUFhO3dCQUN0QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzt3QkFDckQsS0FBSyxFQUFFLElBQUk7cUJBQ1o7aUJBQ0Y7YUFDRjtnQkFNUSxFQUFFO2tCQURSLEtBQUs7WUFJQyxJQUFJO2tCQURWLEtBQUs7WUFJQyxTQUFTO2tCQURmLEtBQUs7WUFJQyxXQUFXO2tCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiwgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtbW9uZXktZ2JwLWlucHV0JyxcbiAgdGVtcGxhdGU6IGA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLTEtOFwiXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJkaXNwbGF5VmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAoa2V5dXApPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiLz5gLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE1vbmV5R2JwSW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTW9uZXlHYnBJbnB1dENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9uZXlHYnBJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBWYWxpZGF0b3Ige1xuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IFBBVFRFUk5fUkVHRVhQID0gbmV3IFJlZ0V4cCgnXi0/XFxcXGQqKFxcXFwuXFxcXGR7MCwyfSk/JCcpO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpZDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG1hbmRhdG9yeTogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZm9ybUNvbnRyb2w6IEZvcm1Db250cm9sO1xuXG4gIHB1YmxpYyBkaXNwbGF5VmFsdWU6IHN0cmluZyA9IG51bGw7XG4gIHB1YmxpYyBkaXNhYmxlZDogYm9vbGVhbjtcblxuICBwcml2YXRlIHJhd1ZhbHVlOiBudW1iZXI7XG5cbiAgLy8gY2hhbmdlIGV2ZW50cyBmcm9tIHRoZSB0ZXh0YXJlYVxuICBwdWJsaWMgb25DaGFuZ2UoZXZlbnQpIHtcblxuICAgIC8vIGdldCB2YWx1ZSBmcm9tIGlucHV0XG4gICAgY29uc3QgbmV3VmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XG5cbiAgICBpZiAobmV3VmFsdWUgJiYgTW9uZXlHYnBJbnB1dENvbXBvbmVudC5QQVRURVJOX1JFR0VYUC50ZXN0KG5ld1ZhbHVlKSkge1xuICAgICAgY29uc3QgcGFydHMgPSBuZXdWYWx1ZS5zcGxpdCgnLicpO1xuXG4gICAgICBpZiAoIXBhcnRzWzFdKSB7XG4gICAgICAgIHBhcnRzWzFdID0gJzAwJztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHdoaWxlICgyID4gcGFydHNbMV0ubGVuZ3RoKSB7XG4gICAgICAgICAgcGFydHNbMV0gKz0gJzAnO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIHRoaXMucmF3VmFsdWUgPSBwYXJ0cy5qb2luKCcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gV2hlbiBwYXR0ZXJuIG5vdCBtYXRjaGVkLCB2YWx1ZSBpcyBwYXNzZWQgYXMgaXMgc28gdGhhdCBpdCBmYWlscyB2YWxpZGF0aW9uLlxuICAgICAgdGhpcy5yYXdWYWx1ZSA9IG5ld1ZhbHVlO1xuICAgIH1cblxuICAgIC8vIHVwZGF0ZSB0aGUgZm9ybVxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMucmF3VmFsdWUpO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAob2JqKSB7XG4gICAgICB0aGlzLnJhd1ZhbHVlID0gb2JqO1xuXG4gICAgICBjb25zdCBpbnRlZ2VyUGFydCA9IG9iai5zbGljZSgwLCAtMikgfHwgJzAnO1xuICAgICAgbGV0IGRlY2ltYWxQYXJ0ID0gb2JqLnNsaWNlKC0yKTtcblxuICAgICAgd2hpbGUgKDIgPiBkZWNpbWFsUGFydC5sZW5ndGgpIHtcbiAgICAgICAgZGVjaW1hbFBhcnQgKz0gJzAnO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmRpc3BsYXlWYWx1ZSA9IFtpbnRlZ2VyUGFydCwgZGVjaW1hbFBhcnRdLmpvaW4oJy4nKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChfOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBOb3QgdXNlZC5cbiAgfVxuXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyB2YWxpZGF0ZShjb250cm9sOiBGb3JtQ29udHJvbCk6IFZhbGlkYXRpb25FcnJvcnMge1xuICAgIGlmICh0aGlzLm1hbmRhdG9yeSAmJiAhY29udHJvbC52YWx1ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgcGF0dGVybjogJ1RoaXMgZmllbGQgaXMgcmVxdWlyZWQnXG4gICAgICB9O1xuICAgIH1cbiAgICBpZiAoY29udHJvbC52YWx1ZSAmJiAhTW9uZXlHYnBJbnB1dENvbXBvbmVudC5QQVRURVJOX1JFR0VYUC50ZXN0KGNvbnRyb2wudmFsdWUpKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYXR0ZXJuOiAnU2hvdWxkIG9ubHkgY29udGFpbiBudW1iZXJzIHdpdGggdXAgdG8gMiBkZWNpbWFsIHBsYWNlcydcbiAgICAgIH07XG4gICAgfVxuICAgIHJldHVybiB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPblZhbGlkYXRvckNoYW5nZShfOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgLy8gTm90IHVzZWQuXG4gIH1cblxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcblxufVxuIl19

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

@@ -0,0 +1,49 @@
+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__*/ function () { 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 });
+}
+(function () { (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
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1tb25leS1nYnAtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbW9uZXktZ2JwL3JlYWQtbW9uZXktZ2JwLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7SUFJNUUsNkJBQWlDO0lBQUEsK0JBQXNCO0lBQUEsWUFBeUM7O0lBQUEsaUJBQU87SUFBQSwwQkFBZTs7O0lBQS9ELGVBQXlDO0lBQXpDLCtFQUF5Qzs7QUFFN0csTUFBTSxPQUFPLDBCQUEyQixTQUFRLDBCQUEwQjtJQUdqRSxNQUFNLENBQU07SUFDWixLQUFLLENBQU07SUFFWCxRQUFRO1FBQ2IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1NBQzFCO2FBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRU0sUUFBUTtRQUNiLE9BQU8sSUFBSSxLQUFLLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7MFFBakJVLDBCQUEwQixTQUExQiwwQkFBMEI7NkRBQTFCLDBCQUEwQjtZQUYxQiw2RkFBc0g7O1lBQXZHLHFDQUFnQjs7O3VGQUUvQiwwQkFBMEI7Y0FKdEMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSwwQkFBMEI7Z0JBQ3BDLFFBQVEsRUFBRSx3SEFBd0g7YUFDbkk7Z0JBSVEsTUFBTTtrQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFic3RyYWN0RmllbGRSZWFkQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC1yZWFkLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1yZWFkLW1vbmV5LWdicC1maWVsZCcsXG4gIHRlbXBsYXRlOiBgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzTnVtYmVyKClcIj48c3BhbiBjbGFzcz1cInRleHQtMTZcIj57e3ZhbHVlIC8gMTAwIHwgY3VycmVuY3k6J0dCUCc6J3N5bWJvbCd9fTwvc3Bhbj48L25nLWNvbnRhaW5lcj5gXG59KVxuZXhwb3J0IGNsYXNzIFJlYWRNb25leUdicEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFJlYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhbW91bnQ6IGFueTtcbiAgcHVibGljIHZhbHVlOiBhbnk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmFtb3VudCkge1xuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMuYW1vdW50O1xuICAgIH0gZWxzZSBpZiAodGhpcy5jYXNlRmllbGQpIHtcbiAgICAgIHRoaXMucmVnaXN0ZXJDb250cm9sKG5ldyBGb3JtQ29udHJvbCh0aGlzLmNhc2VGaWVsZC52YWx1ZSkpO1xuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMuY2FzZUZpZWxkLnZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBpc051bWJlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gbnVsbCAhPT0gdGhpcy52YWx1ZSAmJiAhaXNOYU4odGhpcy52YWx1ZSk7XG4gIH1cblxufVxuIl19

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";
+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(1);
+    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_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.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_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
+} }
+const _c0 = function (a0) { return { "form-group-error": a0 }; };
+export class WriteMoneyGbpFieldComponent extends AbstractFieldWriteComponent {
+    moneyGbpControl;
+    ngOnInit() {
+        this.moneyGbpControl = this.registerControl(new FormControl(this.caseField.value));
+    }
+    static ɵfac = /*@__PURE__*/ function () { 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);
+            i0.ɵɵtemplate(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(1);
+            i0.ɵɵproperty("for", ctx.id());
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.caseField.label);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance(1);
+            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 });
+}
+(function () { (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); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtbW9uZXktZ2JwLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL21vbmV5LWdicC93cml0ZS1tb25leS1nYnAtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbW9uZXktZ2JwL3dyaXRlLW1vbmV5LWdicC1maWVsZC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7Ozs7O0lDQ3ZGLCtCQUFpRDtJQUFBLFlBQTZCOztJQUFBLGlCQUFPOzs7SUFBcEMsZUFBNkI7SUFBN0IsNERBQTZCOzs7SUFFaEYsK0JBQW9EO0lBQUEsWUFBc0M7O0lBQUEsaUJBQU87OztJQUE3QyxlQUFzQztJQUF0QyxzRUFBc0M7OztJQUMxRixnQ0FBaUg7SUFBQSxZQUEwRDs7SUFBQSxpQkFBTzs7O0lBQWpFLGVBQTBEO0lBQTFELGlHQUEwRDs7O0FERTdLLE1BQU0sT0FBTywyQkFBNEIsU0FBUSwyQkFBMkI7SUFFbkUsZUFBZSxDQUFjO0lBRTdCLFFBQVE7UUFDYixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBZ0IsQ0FBQztJQUNwRyxDQUFDOzhRQU5VLDJCQUEyQixTQUEzQiwyQkFBMkI7NkRBQTNCLDJCQUEyQjtZQ1J4Qyw4QkFBaUosZUFBQTtZQUc3SSw4RUFBcUY7WUFDdkYsaUJBQVE7WUFDUiw4RUFBaUc7WUFDakcsOEVBQWtMO1lBRWxMLDhCQUF3QixjQUFBO1lBQ00sc0JBQU07WUFBQSxpQkFBTztZQUN6Qyx5Q0FHMkU7O1lBQzdFLGlCQUFNLEVBQUE7O1lBZDBCLCtJQUE4RztZQUV2SSxlQUFZO1lBQVosOEJBQVk7WUFDUyxlQUFxQjtZQUFyQiwwQ0FBcUI7WUFFeEIsZUFBeUI7WUFBekIsOENBQXlCO1lBQ3JCLGVBQWtGO1lBQWxGLCtHQUFrRjtZQUl4RixlQUFXO1lBQVgsNkJBQVcsa0JBQUEsa0RBQUEsb0NBQUE7Ozt1RkRGdkIsMkJBQTJCO2NBSnZDLFNBQVM7MkJBQ0UsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC13cml0ZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2Qtd3JpdGUtbW9uZXktZ2JwLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dyaXRlLW1vbmV5LWdicC1maWVsZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBXcml0ZU1vbmV5R2JwRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpZWxkV3JpdGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHB1YmxpYyBtb25leUdicENvbnRyb2w6IEZvcm1Db250cm9sO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm1vbmV5R2JwQ29udHJvbCA9IHRoaXMucmVnaXN0ZXJDb250cm9sKG5ldyBGb3JtQ29udHJvbCh0aGlzLmNhc2VGaWVsZC52YWx1ZSkpIGFzIEZvcm1Db250cm9sO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBib3R0b20tMzBcIiBbbmdDbGFzc109XCJ7J2Zvcm0tZ3JvdXAtZXJyb3InOiAhbW9uZXlHYnBDb250cm9sLnZhbGlkICYmIChtb25leUdicENvbnRyb2wuZGlydHkgfHwgbW9uZXlHYnBDb250cm9sLnRvdWNoZWQpfVwiPlxuXG4gIDxsYWJlbCBbZm9yXT1cImlkKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cImZvcm0tbGFiZWxcIiAqbmdJZj1cImNhc2VGaWVsZC5sYWJlbFwiPnt7Y2FzZUZpZWxkIHwgY2NkRmllbGRMYWJlbH19PC9zcGFuPlxuICA8L2xhYmVsPlxuICA8c3BhbiBjbGFzcz1cImZvcm0taGludFwiICpuZ0lmPVwiY2FzZUZpZWxkLmhpbnRfdGV4dFwiPnt7Y2FzZUZpZWxkLmhpbnRfdGV4dCB8IHJweFRyYW5zbGF0ZX19PC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cIm1vbmV5R2JwQ29udHJvbC5lcnJvcnMgJiYgKG1vbmV5R2JwQ29udHJvbC5kaXJ0eSB8fCBtb25leUdicENvbnRyb2wudG91Y2hlZClcIj57e21vbmV5R2JwQ29udHJvbC5lcnJvcnMgfCBjY2RGaXJzdEVycm9yOmNhc2VGaWVsZC5sYWJlbH19PC9zcGFuPlxuXG4gIDxkaXYgY2xhc3M9XCJmb3JtLW1vbmV5XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJmb3JtLWN1cnJlbmN5XCI+JiMxNjM7PC9zcGFuPlxuICAgIDxjY2QtbW9uZXktZ2JwLWlucHV0IFtpZF09XCJpZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJpZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbbWFuZGF0b3J5XT1cImNhc2VGaWVsZCB8IGNjZElzTWFuZGF0b3J5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwibW9uZXlHYnBDb250cm9sXCI+PC9jY2QtbW9uZXktZ2JwLWlucHV0PlxuICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=

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

@@ -0,0 +1,45 @@
+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, "rpxTranslate");
+    i0.ɵɵpipe(6, "ccdFixedList");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const value_r2 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, i0.ɵɵpipeBind2(6, 3, value_r2, 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_r0 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(1, 2, "multi selection table"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", ctx_r0.caseField.value);
+} }
+export class ReadMultiSelectListFieldComponent extends AbstractFieldReadComponent {
+    static ɵfac = /*@__PURE__*/ function () { 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}"] });
+}
+(function () { (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); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1tdWx0aS1zZWxlY3QtbGlzdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9tdWx0aS1zZWxlY3QtbGlzdC9yZWFkLW11bHRpLXNlbGVjdC1saXN0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL211bHRpLXNlbGVjdC1saXN0L3JlYWQtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7Ozs7SUNFckYsMEJBQTBDO0lBQ3hDLHdCQUFnQztJQUNoQywwQkFBSSxjQUFBO0lBQXNCLFlBQThFOzs7SUFBQSxpQkFBTyxFQUFBLEVBQUE7Ozs7SUFBckYsZUFBOEU7SUFBOUUsd0hBQThFOzs7SUFMOUcsZ0NBQ3dFOztJQUN0RSw2QkFBTztJQUNMLHdGQUdLO0lBQ1AsaUJBQVEsRUFBQTs7O0lBTkgsaUZBQWdFO0lBRTdDLGVBQWtCO0lBQWxCLGdEQUFrQjs7QURLNUMsTUFBTSxPQUFPLGlDQUFrQyxTQUFRLDBCQUEwQjtzU0FBcEUsaUNBQWlDLFNBQWpDLGlDQUFpQzs2REFBakMsaUNBQWlDO1lDUjlDLHNGQVFROztZQVJBLHdFQUErQzs7O3VGRFExQyxpQ0FBaUM7Y0FMN0MsU0FBUzsyQkFDRSxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0RmllbGRSZWFkQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC1yZWFkLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1yZWFkLW11bHRpLXNlbGVjdC1saXN0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JlYWQtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL211bHRpLXNlbGVjdC1saXN0LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBSZWFkTXVsdGlTZWxlY3RMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpZWxkUmVhZENvbXBvbmVudCB7fVxuIiwiPHRhYmxlICpuZ0lmPVwiY2FzZUZpZWxkLnZhbHVlICYmIGNhc2VGaWVsZC52YWx1ZS5sZW5ndGhcIiBjbGFzcz1cIm11bHRpLXNlbGVjdC1saXN0LWZpZWxkLXRhYmxlXCJcbiAgICAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cIidtdWx0aSBzZWxlY3Rpb24gdGFibGUnIHwgcnB4VHJhbnNsYXRlXCI+XG4gIDx0Ym9keT5cbiAgICA8dHIgKm5nRm9yPVwibGV0IHZhbHVlIG9mIGNhc2VGaWVsZC52YWx1ZVwiPlxuICAgICAgPHRoIHN0eWxlPVwiZGlzcGxheTogbm9uZTtcIj48L3RoPlxuICAgICAgPHRkPjxzcGFuIGNsYXNzPVwidGV4dC0xNlwiPnt7IHZhbHVlIHwgY2NkRml4ZWRMaXN0OmNhc2VGaWVsZC5maWVsZF90eXBlLmZpeGVkX2xpc3RfaXRlbXMgfCBycHhUcmFuc2xhdGV9fTwvc3Bhbj48L3RkPlxuICAgIDwvdHI+XG4gIDwvdGJvZHk+XG48L3RhYmxlPlxuIl19

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

@@ -0,0 +1,127 @@
+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";
+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(1);
+    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_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.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_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.checkboxes.errors, ctx_r2.caseField.label));
+} }
+function WriteMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = 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(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.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_r4 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("id", ctx_r3.id() + "-" + checkbox_r4.code)("name", ctx_r3.id())("value", checkbox_r4.code)("checked", ctx_r3.isSelected(checkbox_r4.code));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("for", ctx_r3.id() + "-" + checkbox_r4.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, checkbox_r4.label));
+} }
+const _c0 = function (a0) { return { "error": a0 }; };
+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__*/ function () { 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, "id", "name", "value", "checked", "change"], [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);
+            i0.ɵɵtemplate(5, WriteMultiSelectListFieldComponent_span_5_Template, 3, 4, "span", 3);
+            i0.ɵɵtemplate(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(1);
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.checkboxes.errors && (ctx.checkboxes.dirty || ctx.checkboxes.touched));
+            i0.ɵɵadvance(1);
+            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 });
+}
+(function () { (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); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbXVsdGktc2VsZWN0LWxpc3Qvd3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbXVsdGktc2VsZWN0LWxpc3Qvd3JpdGUtbXVsdGktc2VsZWN0LWxpc3QtZmllbGQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBbUIsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7O0lDRXJGLCtCQUFpRDtJQUFBLFlBQTZCOztJQUFBLGlCQUFPOzs7SUFBcEMsZUFBNkI7SUFBN0IsNERBQTZCOzs7SUFFaEYsK0JBQW9EO0lBQUEsWUFBc0M7O0lBQUEsaUJBQU87OztJQUE3QyxlQUFzQztJQUF0QyxzRUFBc0M7OztJQUMxRiwrQkFBa0c7SUFBQSxZQUFxRDs7SUFBQSxpQkFBTzs7O0lBQTVELGVBQXFEO0lBQXJELDRGQUFxRDs7OztJQUV2Siw2QkFBNkU7SUFFM0UsOEJBQTZCLGVBQUE7SUFDMkgsK0xBQVUsZUFBQSw0QkFBcUIsQ0FBQSxJQUFDO0lBQXRMLGlCQUF1TDtJQUN2TCxpQ0FBeUQ7SUFBQSxZQUFpQzs7SUFBQSxpQkFBUSxFQUFBO0lBR3RHLDBCQUFlOzs7O0lBSmlCLGVBQTZCO0lBQTdC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Qzs2REFBbEMsa0NBQWtDO1lDVC9DLDhCQUFtSSxlQUFBLGFBQUE7WUFLN0gscUZBQXFGO1lBQ3ZGLGlCQUFTO1lBQ1QscUZBQWlHO1lBQ2pHLHFGQUE4SjtZQUU5SixxR0FPZTtZQUVqQixpQkFBVyxFQUFBOztZQW5CcUIsK0hBQW9GLGdCQUFBO1lBS3RGLGVBQXFCO1lBQXJCLDBDQUFxQjtZQUUxQyxlQUF5QjtZQUF6Qiw4Q0FBeUI7WUFDekIsZUFBbUU7WUFBbkUsZ0dBQW1FO1lBRXZDLGVBQXdDO1lBQXhDLG1FQUF3Qzs7O3VGRERsRSxrQ0FBa0M7Y0FKOUMsU0FBUzsyQkFDRSxtQ0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQXJyYXksIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBBYnN0cmFjdEZpZWxkV3JpdGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWZpZWxkL2Fic3RyYWN0LWZpZWxkLXdyaXRlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC13cml0ZS1tdWx0aS1zZWxlY3QtbGlzdC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi93cml0ZS1tdWx0aS1zZWxlY3QtbGlzdC1maWVsZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBXcml0ZU11bHRpU2VsZWN0TGlzdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgY2hlY2tib3hlczogRm9ybUFycmF5O1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrYm94ZXMgPSBuZXcgRm9ybUFycmF5KFtdKTtcblxuICAgIC8vIEluaXRpYWxpc2UgYXJyYXkgd2l0aCBleGlzdGluZyB2YWx1ZXNcbiAgICBpZiAodGhpcy5jYXNlRmllbGQudmFsdWUgJiYgQXJyYXkuaXNBcnJheSh0aGlzLmNhc2VGaWVsZC52YWx1ZSkpIHtcbiAgICAgIGNvbnN0IHZhbHVlczogc3RyaW5nW10gPSB0aGlzLmNhc2VGaWVsZC52YWx1ZTtcbiAgICAgIHZhbHVlcy5mb3JFYWNoKHZhbHVlID0+IHtcbiAgICAgICAgdGhpcy5jaGVja2JveGVzLnB1c2gobmV3IEZvcm1Db250cm9sKHZhbHVlKSk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy5yZWdpc3RlckNvbnRyb2wodGhpcy5jaGVja2JveGVzLCB0cnVlKTtcbiAgICBpZiAodGhpcy5jYXNlRmllbGQuZGlzcGxheV9jb250ZXh0ICYmIHRoaXMuY2FzZUZpZWxkLmRpc3BsYXlfY29udGV4dCA9PT0gJ01BTkRBVE9SWScgJiYgdGhpcy5jYXNlRmllbGQuZmllbGRfdHlwZVxuICAgICAgICAgICYmIHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGUudHlwZSA9PT0gJ011bHRpU2VsZWN0TGlzdCcgJiYgdGhpcy5jYXNlRmllbGQuZmllbGRfdHlwZS5maXhlZF9saXN0X2l0ZW1zLmxlbmd0aCA+IDBcbiAgICAgICAgICAgICYmIHRoaXMuY2hlY2tib3hlcy5jb250cm9scy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgICAgaWYgKHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGUuZml4ZWRfbGlzdF9pdGVtc1swXS5jb2RlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jaGVja2JveGVzLnB1c2gobmV3IEZvcm1Db250cm9sKHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGUuZml4ZWRfbGlzdF9pdGVtc1swXS5jb2RlKSk7XG4gICAgICAgICAgICAgICAgdGhpcy5jaGVja2JveGVzLnJlbW92ZUF0KDApO1xuICAgICAgICAgICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG9uQ2hlY2tDaGFuZ2UoZXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuaXNTZWxlY3RlZChldmVudC50YXJnZXQudmFsdWUpKSB7XG4gICAgICAvLyBBZGQgYSBuZXcgY29udHJvbCBpbiB0aGUgRm9ybUFycmF5XG4gICAgICB0aGlzLmNoZWNrYm94ZXMucHVzaChuZXcgRm9ybUNvbnRyb2woZXZlbnQudGFyZ2V0LnZhbHVlKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFJlbW92ZSB0aGUgY29udHJvbCBmb3JtIHRoZSBGb3JtQXJyYXlcbiAgICAgIHRoaXMuY2hlY2tib3hlcy5jb250cm9scy5mb3JFYWNoKChjdHJsOiBGb3JtQ29udHJvbCwgaSkgPT4ge1xuICAgICAgICBpZiAoY3RybC52YWx1ZSA9PT0gZXZlbnQudGFyZ2V0LnZhbHVlKSB7XG4gICAgICAgICAgdGhpcy5jaGVja2JveGVzLnJlbW92ZUF0KGkpO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGlzU2VsZWN0ZWQoY29kZSk6IEFic3RyYWN0Q29udHJvbCB7XG4gICAgaWYgKHRoaXMuY2hlY2tib3hlcyAmJiB0aGlzLmNoZWNrYm94ZXMuY29udHJvbHMpIHtcbiAgICAgIHJldHVybiB0aGlzLmNoZWNrYm94ZXMuY29udHJvbHMuZmluZChjb250cm9sID0+IGNvbnRyb2wudmFsdWUgPT09IGNvZGUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgYm90dG9tLTMwXCIgW25nQ2xhc3NdPVwieydlcnJvcic6ICFjaGVja2JveGVzLnZhbGlkICYmIChjaGVja2JveGVzLmRpcnR5IHx8IGNoZWNrYm94ZXMudG91Y2hlZCl9XCIgW2lkXT1cImlkKClcIj5cblxuICA8ZmllbGRzZXQ+XG5cbiAgICA8bGVnZW5kPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmb3JtLWxhYmVsXCIgKm5nSWY9XCJjYXNlRmllbGQubGFiZWxcIj57e2Nhc2VGaWVsZCB8IGNjZEZpZWxkTGFiZWx9fTwvc3Bhbj5cbiAgICA8L2xlZ2VuZD5cbiAgICA8c3BhbiAqbmdJZj1cImNhc2VGaWVsZC5oaW50X3RleHRcIiBjbGFzcz1cImZvcm0taGludFwiPnt7Y2FzZUZpZWxkLmhpbnRfdGV4dCB8IHJweFRyYW5zbGF0ZX19PC9zcGFuPlxuICAgIDxzcGFuICpuZ0lmPVwiY2hlY2tib3hlcy5lcnJvcnMgJiYgKGNoZWNrYm94ZXMuZGlydHkgfHwgY2hlY2tib3hlcy50b3VjaGVkKVwiIGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiPnt7Y2hlY2tib3hlcy5lcnJvcnMgfCBjY2RGaXJzdEVycm9yOmNhc2VGaWVsZC5sYWJlbH19PC9zcGFuPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2hlY2tib3ggb2YgY2FzZUZpZWxkLmZpZWxkX3R5cGUuZml4ZWRfbGlzdF9pdGVtc1wiPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwibXVsdGlwbGUtY2hvaWNlXCI+XG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiIFtpZF09XCJpZCgpKyctJytjaGVja2JveC5jb2RlXCIgW25hbWVdPVwiaWQoKVwiIHR5cGU9XCJjaGVja2JveFwiIFt2YWx1ZV09XCJjaGVja2JveC5jb2RlXCIgW2NoZWNrZWRdPVwiaXNTZWxlY3RlZChjaGVja2JveC5jb2RlKVwiIChjaGFuZ2UpPVwib25DaGVja0NoYW5nZSgkZXZlbnQpXCI+XG4gICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tbGFiZWxcIiBbZm9yXT1cImlkKCkrJy0nK2NoZWNrYm94LmNvZGVcIj57e2NoZWNrYm94LmxhYmVsIHwgcnB4VHJhbnNsYXRlfX08L2xhYmVsPlxuICAgICAgPC9kaXY+XG5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICA8L2ZpZWxkc2V0PlxuXG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,24 @@
+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__*/ function () { 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(1);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx.caseField.value));
+        } }, dependencies: [i1.CaseReferencePipe], encapsulation: 2 });
+}
+(function () { (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); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1udW1iZXItZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbnVtYmVyL3JlYWQtbnVtYmVyLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7QUFNekYsTUFBTSxPQUFPLHdCQUF5QixTQUFRLDBCQUEwQjtrUUFBM0Qsd0JBQXdCLFNBQXhCLHdCQUF3Qjs2REFBeEIsd0JBQXdCO1lBRnhCLCtCQUFzQjtZQUFBLFlBQXNDOztZQUFBLGlCQUFPOztZQUE3QyxlQUFzQztZQUF0QywrREFBc0M7Ozt1RkFFNUQsd0JBQXdCO2NBSnBDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxRQUFRLEVBQUUscUVBQXFFO2FBQ2hGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdEZpZWxkUmVhZENvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2UtZmllbGQvYWJzdHJhY3QtZmllbGQtcmVhZC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtcmVhZC1udW1iZXItZmllbGQnLFxuICB0ZW1wbGF0ZTogYDxzcGFuIGNsYXNzPVwidGV4dC0xNlwiPnt7Y2FzZUZpZWxkLnZhbHVlIHwgY2NkQ2FzZVJlZmVyZW5jZX19PC9zcGFuPmBcbn0pXG5leHBvcnQgY2xhc3MgUmVhZE51bWJlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFJlYWRDb21wb25lbnQge31cbiJdfQ==

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";
+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(1);
+    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_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.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_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label), " ");
+} }
+const _c0 = function (a0) { return { "form-group-error": a0 }; };
+const _c1 = function (a0) { return { "govuk-input--error": a0 }; };
+export class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
+    numberControl;
+    ngOnInit() {
+        this.numberControl = this.registerControl(new FormControl(this.caseField.value));
+    }
+    static ɵfac = /*@__PURE__*/ function () { 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);
+            i0.ɵɵtemplate(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(1);
+            i0.ɵɵproperty("for", ctx.id());
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.caseField.label);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
+            i0.ɵɵadvance(1);
+            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 });
+}
+(function () { (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); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtbnVtYmVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL251bWJlci93cml0ZS1udW1iZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvbnVtYmVyL3dyaXRlLW51bWJlci1maWVsZC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7OztJQ0F2RiwrQkFBaUQ7SUFBQSxZQUE2Qjs7SUFBQSxpQkFBTzs7O0lBQXBDLGVBQTZCO0lBQTdCLDREQUE2Qjs7O0lBRWhGLCtCQUFvRDtJQUFBLFlBQXNDOztJQUFBLGlCQUFPOzs7SUFBN0MsZUFBc0M7SUFBdEMsc0VBQXNDOzs7SUFDMUYsK0JBQWdGO0lBQzlFLFlBQ0Y7O0lBQUEsaUJBQU87OztJQURMLGVBQ0Y7SUFERSwwR0FDRjs7OztBRENGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSwyQkFBMkI7SUFFakUsYUFBYSxDQUFjO0lBRTNCLFFBQVE7UUFDYixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBZ0IsQ0FBQztJQUNsRyxDQUFDO3NRQU5VLHlCQUF5QixTQUF6Qix5QkFBeUI7NkRBQXpCLHlCQUF5QjtZQ1J0Qyw4QkFBc0csZUFBQTtZQUVsRyw0RUFBcUY7WUFDdkYsaUJBQVE7WUFDUiw0RUFBaUc7WUFDakcsNEVBRU87WUFFUCwyQkFDeUQ7WUFDM0QsaUJBQU07O1lBWGtCLHlHQUE2RTtZQUM1RixlQUFZO1lBQVosOEJBQVk7WUFDUyxlQUFxQjtZQUFyQiwwQ0FBcUI7WUFFeEIsZUFBeUI7WUFBekIsOENBQXlCO1lBQ3JCLGVBQWlEO1lBQWpELDBFQUFpRDtZQUl4QyxlQUErRTtZQUEvRSwwR0FBK0UsZ0JBQUEsa0NBQUE7Ozt1RkREMUcseUJBQXlCO2NBSnJDLFNBQVM7MkJBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC13cml0ZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2Qtd3JpdGUtbnVtYmVyLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dyaXRlLW51bWJlci1maWVsZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBXcml0ZU51bWJlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgbnVtYmVyQ29udHJvbDogRm9ybUNvbnRyb2w7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMubnVtYmVyQ29udHJvbCA9IHRoaXMucmVnaXN0ZXJDb250cm9sKG5ldyBGb3JtQ29udHJvbCh0aGlzLmNhc2VGaWVsZC52YWx1ZSkpIGFzIEZvcm1Db250cm9sO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiIFtuZ0NsYXNzXT1cInsnZm9ybS1ncm91cC1lcnJvcic6ICFudW1iZXJDb250cm9sLnZhbGlkICYmIG51bWJlckNvbnRyb2wuZGlydHl9XCI+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

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

@@ -0,0 +1,6 @@
+export class OrderSummary {
+    PaymentReference;
+    Fees;
+    PaymentTotal;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JkZXItc3VtbWFyeS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL29yZGVyLXN1bW1hcnkvb3JkZXItc3VtbWFyeS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLE9BQU8sWUFBWTtJQUNoQixnQkFBZ0IsQ0FBUztJQUN6QixJQUFJLENBQWE7SUFDakIsWUFBWSxDQUFTO0NBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdHNsaW50OmRpc2FibGU6dmFyaWFibGUtbmFtZVxuaW1wb3J0IHsgRmVlVmFsdWUgfSBmcm9tICcuL2ZlZS12YWx1ZS5tb2RlbCc7XG5cbmV4cG9ydCBjbGFzcyBPcmRlclN1bW1hcnkge1xuICBwdWJsaWMgUGF5bWVudFJlZmVyZW5jZTogc3RyaW5nO1xuICBwdWJsaWMgRmVlczogRmVlVmFsdWVbXTtcbiAgcHVibGljIFBheW1lbnRUb3RhbDogc3RyaW5nO1xufVxuIl19