@valtimo/choice-field 0.0.0

package/fesm2022/valtimo-choice-field.mjs

@@ -0,0 +1,656 @@
+import * as i0 from '@angular/core';
+import { signal, Component, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@valtimo/components';
+import { WidgetModule, FieldAutoFocusModule, AlertModule, CarbonListModule } from '@valtimo/components';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AuthGuardService } from '@valtimo/security';
+import * as i3$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { Subscription } from 'rxjs';
+import { first } from 'rxjs/operators';
+import { ROLE_ADMIN } from '@valtimo/shared';
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldListComponent {
+    constructor(router, service) {
+        this.router = router;
+        this.service = service;
+        this.choiceFields = [];
+        this.$pagination = signal({
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+        });
+        this.pageParam = 0;
+        this.fields = [
+            {
+                key: 'id',
+                label: 'ID',
+            },
+            {
+                key: 'keyName',
+                label: 'Key',
+            },
+            {
+                key: 'title',
+                label: 'Title',
+            },
+        ];
+    }
+    paginationSet(size) {
+        this.$pagination.update(pagination => ({
+            ...pagination,
+            size: +size,
+        }));
+        this.initData();
+    }
+    rowClick(data) {
+        this.router.navigate([`/choice-fields/field/${encodeURI(data.id)}`]);
+    }
+    paginationClicked(page) {
+        this.pageParam = page - 1;
+        this.initData();
+    }
+    initData() {
+        this.service
+            .queryPage({ page: this.pageParam, size: this.$pagination().size })
+            .subscribe(results => {
+            this.$pagination.update(pagination => ({
+                ...pagination,
+                page: this.pageParam + 1,
+                collectionSize: results.totalElements,
+            }));
+            this.choiceFields = results.content;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldListComponent, deps: [{ token: i1.Router }, { token: i3.ChoiceFieldService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChoiceFieldListComponent, isStandalone: false, selector: "valtimo-choice-field-list", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n\n          <span>{{ 'Create new Choice field' | translate }}</span>\n        </button>\n      </div>\n    </div>\n\n    <valtimo-widget>\n      <valtimo-carbon-list\n        [items]=\"choiceFields\"\n        [fields]=\"fields\"\n        (rowClicked)=\"rowClick($event)\"\n        [pagination]=\"$pagination()\"\n        [isSearchable]=\"true\"\n        paginationIdentifier=\"choiceFieldList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet($event)\"\n        [header]=\"true\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Choice fields' | translate }}</h3>\n\n          <h5 class=\"list-header-description\">{{ 'Overview of all Choice fields' | translate }}</h5>\n        </div>\n      </valtimo-carbon-list>\n    </valtimo-widget>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-choice-field-list', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n\n          <span>{{ 'Create new Choice field' | translate }}</span>\n        </button>\n      </div>\n    </div>\n\n    <valtimo-widget>\n      <valtimo-carbon-list\n        [items]=\"choiceFields\"\n        [fields]=\"fields\"\n        (rowClicked)=\"rowClick($event)\"\n        [pagination]=\"$pagination()\"\n        [isSearchable]=\"true\"\n        paginationIdentifier=\"choiceFieldList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet($event)\"\n        [header]=\"true\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Choice fields' | translate }}</h3>\n\n          <h5 class=\"list-header-description\">{{ 'Overview of all Choice fields' | translate }}</h5>\n        </div>\n      </valtimo-carbon-list>\n    </valtimo-widget>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i3.ChoiceFieldService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldValueListComponent {
+    constructor(router, route, formBuilder, service) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.choiceFieldValues = [];
+        this.pagination = {
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+        };
+        this.pageParam = 0;
+        this.fields = [
+            {
+                key: 'id',
+                label: 'ID',
+            },
+            {
+                key: 'name',
+                label: 'Key',
+            },
+            {
+                key: 'value',
+                label: 'Value',
+            },
+            {
+                key: 'deprecatedDisplayString',
+                label: 'Deprecated',
+            },
+            {
+                key: 'sortOrder',
+                label: 'Sequence',
+            },
+        ];
+        const snapshot = this.route.snapshot.paramMap;
+        this.id = snapshot.get('id');
+    }
+    ngOnInit() {
+        this.paginationSet();
+    }
+    paginationSet() {
+        this.initData(this.id);
+    }
+    initData(id) {
+        this.service.get(id).subscribe(result => {
+            this.choiceField = result;
+            this.service
+                .queryValuesPage(this.choiceField.keyName, {
+                page: this.pageParam,
+                size: this.pagination.size,
+            })
+                .subscribe(page => {
+                this.pagination.collectionSize = page.totalElements;
+                this.choiceFieldValues = page.content;
+                this.choiceFieldValues.forEach(choiceFieldValue => {
+                    choiceFieldValue.deprecatedDisplayString = choiceFieldValue.deprecated ? 'Yes' : 'No';
+                });
+            });
+        });
+    }
+    rowClick(data) {
+        this.router.navigate([`/choice-fields/field/${data.choiceField.id}/value/${data.id}`]);
+    }
+    paginationClicked(page) {
+        this.pageParam = page - 1;
+        this.initData(this.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldValueListComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.FormBuilder }, { token: i3.ChoiceFieldService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChoiceFieldValueListComponent, isStandalone: false, selector: "valtimo-choice-field-value-list", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button [routerLink]=\"'create-value'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n          <span>{{ 'Create new Choice field value' | translate }}</span>\n        </button>\n      </div>\n    </div>\n    <valtimo-widget>\n      <valtimo-carbon-list\n        [items]=\"choiceFieldValues\"\n        [fields]=\"fields\"\n        [isSearchable]=\"true\"\n        (rowClicked)=\"rowClick($event)\"\n        [pagination]=\"pagination\"\n        paginationIdentifier=\"choiceFieldValueList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        [header]=\"true\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Choice field values' | translate }}</h3>\n          <h5 class=\"list-header-description\">\n            {{ 'Overview of all Choice field values' | translate }}\n          </h5>\n        </div>\n      </valtimo-carbon-list>\n    </valtimo-widget>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldValueListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-choice-field-value-list', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button [routerLink]=\"'create-value'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n          <span>{{ 'Create new Choice field value' | translate }}</span>\n        </button>\n      </div>\n    </div>\n    <valtimo-widget>\n      <valtimo-carbon-list\n        [items]=\"choiceFieldValues\"\n        [fields]=\"fields\"\n        [isSearchable]=\"true\"\n        (rowClicked)=\"rowClick($event)\"\n        [pagination]=\"pagination\"\n        paginationIdentifier=\"choiceFieldValueList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        [header]=\"true\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Choice field values' | translate }}</h3>\n          <h5 class=\"list-header-description\">\n            {{ 'Overview of all Choice field values' | translate }}\n          </h5>\n        </div>\n      </valtimo-carbon-list>\n    </valtimo-widget>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.FormBuilder }, { type: i3.ChoiceFieldService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldDetailComponent {
+    constructor(router, route, formBuilder, service, alertService, pageTitleService) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+        this.pageTitleService = pageTitleService;
+        this.alertSub = Subscription.EMPTY;
+        const snapshot = this.route.snapshot.paramMap;
+        this.id = snapshot.get('id');
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    ngOnDestroy() {
+        this.alertSub.unsubscribe();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    initData(id) {
+        this.service.get(id).subscribe(result => {
+            this.choiceField = result;
+            this.setValues();
+        });
+    }
+    setValues() {
+        if (this.choiceField) {
+            // set form values
+            this.form.controls.id.setValue(this.choiceField.id);
+            this.form.controls.keyName.setValue(this.choiceField.keyName);
+            this.form.controls.title.setValue(this.choiceField.title);
+            this.pageTitleService.setCustomPageTitle(this.choiceField.title);
+        }
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            id: new FormControl('', Validators.required),
+            keyName: new FormControl('', Validators.required),
+            title: new FormControl('', Validators.required),
+        });
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData(this.id);
+    }
+    delete() {
+        if (!this.alertSub.closed) {
+            return;
+        }
+        // confirm delete
+        const mssg = 'Delete choice field?';
+        const confirmations = [
+            {
+                label: 'Cancel',
+                class: 'btn btn-default',
+                value: false,
+            },
+            {
+                label: 'Delete',
+                class: 'btn btn-primary',
+                value: true,
+            },
+        ];
+        this.alertService.notification(mssg, confirmations);
+        this.alertSub = this.alertService
+            .getAlertConfirmChangeEmitter()
+            .pipe(first())
+            .subscribe(alert => {
+            if (alert.confirm === true) {
+                this.deleteConfirmed();
+            }
+        });
+    }
+    deleteConfirmed() {
+        this.service.delete(this.id).subscribe(() => {
+            this.router.navigate([`/choice-fields`]);
+            this.alertService.success('Choice field has been deleted');
+        });
+    }
+    onSubmit() {
+        this.service.update(this.form.value).subscribe(() => {
+            this.reset();
+            this.alertService.success('Choice field details have been updated');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldDetailComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.FormBuilder }, { token: i3.ChoiceFieldService }, { token: i3.AlertService }, { token: i3.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChoiceFieldDetailComponent, isStandalone: false, selector: "valtimo-choice-field-detail", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"p-5 bg-white\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"title\"\n                  >Title</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"title\"\n                    formControlName=\"title\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field title\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.title.touched && formControls.title.valid,\n                      'is-invalid': formControls.title.touched && formControls.title.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.title.touched && formControls.title.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.title.errors.required\">Title is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'/choice-fields'\" class=\"btn btn-space btn-default\">Back</a>\n                  <button class=\"btn btn-space btn-danger\" type=\"button\" (click)=\"delete()\">\n                    Delete\n                  </button>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n\n<div class=\"page-head\">\n  <h2 class=\"page-head-title\">Choice field values</h2>\n</div>\n\n<valtimo-choice-field-value-list></valtimo-choice-field-value-list>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i3.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ChoiceFieldValueListComponent, selector: "valtimo-choice-field-value-list" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-choice-field-detail', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"p-5 bg-white\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"title\"\n                  >Title</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"title\"\n                    formControlName=\"title\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field title\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.title.touched && formControls.title.valid,\n                      'is-invalid': formControls.title.touched && formControls.title.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.title.touched && formControls.title.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.title.errors.required\">Title is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'/choice-fields'\" class=\"btn btn-space btn-default\">Back</a>\n                  <button class=\"btn btn-space btn-danger\" type=\"button\" (click)=\"delete()\">\n                    Delete\n                  </button>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n\n<div class=\"page-head\">\n  <h2 class=\"page-head-title\">Choice field values</h2>\n</div>\n\n<valtimo-choice-field-value-list></valtimo-choice-field-value-list>\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.FormBuilder }, { type: i3.ChoiceFieldService }, { type: i3.AlertService }, { type: i3.PageTitleService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldCreateComponent {
+    constructor(router, formBuilder, service, alertService) {
+        this.router = router;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            keyName: new FormControl('', Validators.required),
+            title: new FormControl('', Validators.required),
+        });
+    }
+    onSubmit() {
+        this.service.create(this.form.value).subscribe(result => {
+            this.router.navigate([`/choice-fields/field/${result.id}`]);
+            this.alertService.success('New choice field has been created');
+        });
+    }
+    reset() {
+        this.form = this.createFormGroup();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldCreateComponent, deps: [{ token: i1.Router }, { token: i2.FormBuilder }, { token: i3.ChoiceFieldService }, { token: i3.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChoiceFieldCreateComponent, isStandalone: false, selector: "valtimo-choice-field-create", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div>\n          <div class=\"p-5 bg-white\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"keyName\"\n                  >Key</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"keyName\"\n                    formControlName=\"keyName\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field key name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.keyName.touched && formControls.keyName.valid,\n                      'is-invalid': formControls.keyName.touched && formControls.keyName.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.keyName.touched && formControls.keyName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.keyName.errors.required\">Key name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"title\"\n                  >Title</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"title\"\n                    formControlName=\"title\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field title\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.title.touched && formControls.title.valid,\n                      'is-invalid': formControls.title.touched && formControls.title.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.title.touched && formControls.title.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.title.errors.required\">Title is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'/choice-fields'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i3.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldCreateComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-choice-field-create', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div>\n          <div class=\"p-5 bg-white\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"keyName\"\n                  >Key</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"keyName\"\n                    formControlName=\"keyName\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field key name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.keyName.touched && formControls.keyName.valid,\n                      'is-invalid': formControls.keyName.touched && formControls.keyName.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.keyName.touched && formControls.keyName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.keyName.errors.required\">Key name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"title\"\n                  >Title</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"title\"\n                    formControlName=\"title\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field title\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.title.touched && formControls.title.valid,\n                      'is-invalid': formControls.title.touched && formControls.title.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.title.touched && formControls.title.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.title.errors.required\">Title is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'/choice-fields'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.FormBuilder }, { type: i3.ChoiceFieldService }, { type: i3.AlertService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldValueCreateComponent {
+    constructor(router, route, formBuilder, service, alertService) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+        const snapshot = this.route.snapshot.paramMap;
+        this.choiceFieldId = snapshot.get('id');
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            name: new FormControl('', Validators.required),
+            value: new FormControl('', Validators.required),
+            sortOrder: new FormControl('', Validators.required),
+            deprecated: new FormControl('', Validators.required),
+        });
+    }
+    initData(id) {
+        this.service.get(id).subscribe(result => {
+            this.choiceField = result;
+            this.setValues();
+        });
+    }
+    setValues() {
+        if (this.choiceField) {
+            // set form values default false
+            this.form.controls.deprecated.setValue(false);
+        }
+    }
+    onSubmit() {
+        this.service.createValue(this.form.value, this.choiceField.keyName).subscribe(result => {
+            this.router.navigate([`/choice-fields/field/${encodeURI(this.choiceFieldId)}`]);
+            this.alertService.success('New choice field value has been created');
+        });
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData(this.choiceFieldId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldValueCreateComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.FormBuilder }, { token: i3.ChoiceFieldService }, { token: i3.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChoiceFieldValueCreateComponent, isStandalone: false, selector: "valtimo-choice-field-value-create", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12\">\n                    <strong>Choice field</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Title</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.title }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"bg-white p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"name\"\n                    formControlName=\"name\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value key\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.name.touched && formControls.name.valid,\n                      'is-invalid': formControls.name.touched && formControls.name.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.name.errors.required\">\n                      Choice field value key is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"value\"\n                  >Value</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"value\"\n                    formControlName=\"value\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.value.touched && formControls.value.valid,\n                      'is-invalid': formControls.value.touched && formControls.value.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.value.touched && formControls.value.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.value.errors.required\">\n                      Choice field value is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"sortOrder\"\n                  >Sequence</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"number\"\n                    id=\"sortOrder\"\n                    formControlName=\"sortOrder\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value sequence\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.sortOrder.touched && formControls.sortOrder.valid,\n                      'is-invalid': formControls.sortOrder.touched && formControls.sortOrder.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.sortOrder.touched && formControls.sortOrder.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.sortOrder.errors.required\">\n                      Choice field value sequence is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"deprecated\"\n                  >Deprecated</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <div class=\"switch-button switch-button-sm switch-button-success\">\n                    <input type=\"checkbox\" formControlName=\"deprecated\" id=\"deprecated\" /><span>\n                      <label for=\"deprecated\"></label\n                    ></span>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'../'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i3.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldValueCreateComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-choice-field-value-create', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12\">\n                    <strong>Choice field</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Title</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.title }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"bg-white p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"name\"\n                    formControlName=\"name\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value key\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.name.touched && formControls.name.valid,\n                      'is-invalid': formControls.name.touched && formControls.name.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.name.errors.required\">\n                      Choice field value key is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"value\"\n                  >Value</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"value\"\n                    formControlName=\"value\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.value.touched && formControls.value.valid,\n                      'is-invalid': formControls.value.touched && formControls.value.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.value.touched && formControls.value.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.value.errors.required\">\n                      Choice field value is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"sortOrder\"\n                  >Sequence</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"number\"\n                    id=\"sortOrder\"\n                    formControlName=\"sortOrder\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value sequence\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.sortOrder.touched && formControls.sortOrder.valid,\n                      'is-invalid': formControls.sortOrder.touched && formControls.sortOrder.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.sortOrder.touched && formControls.sortOrder.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.sortOrder.errors.required\">\n                      Choice field value sequence is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"deprecated\"\n                  >Deprecated</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <div class=\"switch-button switch-button-sm switch-button-success\">\n                    <input type=\"checkbox\" formControlName=\"deprecated\" id=\"deprecated\" /><span>\n                      <label for=\"deprecated\"></label\n                    ></span>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'../'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.FormBuilder }, { type: i3.ChoiceFieldService }, { type: i3.AlertService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldValueDetailComponent {
+    constructor(router, route, formBuilder, service, alertService) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+        const snapshot = this.route.snapshot.paramMap;
+        this.choiceFieldValueId = snapshot.get('valueId');
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    initData(choiceFieldValueId) {
+        this.service.getValue(choiceFieldValueId).subscribe(result => {
+            this.choiceField = result.choiceField;
+            this.choiceFieldValue = result;
+            this.setValues();
+        });
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            id: new FormControl('', Validators.required),
+            name: new FormControl('', Validators.required),
+            value: new FormControl('', Validators.required),
+            sortOrder: new FormControl('', Validators.required),
+            deprecated: new FormControl('', Validators.required),
+        });
+    }
+    setValues() {
+        if (this.choiceField) {
+            // set form values
+            this.form.controls.id.setValue(this.choiceFieldValue.id);
+            this.form.controls.name.setValue(this.choiceFieldValue.name);
+            this.form.controls.value.setValue(this.choiceFieldValue.value);
+            this.form.controls.sortOrder.setValue(this.choiceFieldValue.sortOrder);
+            this.form.controls.deprecated.setValue(this.choiceFieldValue.deprecated);
+        }
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData(this.choiceFieldValueId);
+    }
+    onSubmit() {
+        this.service.updateValue(this.form.value, this.choiceField.keyName).subscribe(() => {
+            this.reset();
+            this.alertService.success('Choice field value details have been updated');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldValueDetailComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.FormBuilder }, { token: i3.ChoiceFieldService }, { token: i3.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChoiceFieldValueDetailComponent, isStandalone: false, selector: "valtimo-choice-field-value-detail", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12\">\n                    <strong>Choice field</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Title</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.title }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 pt-3\">\n                    <strong>Choice field value</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceFieldValue.id }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"bg-white p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"name\"\n                    formControlName=\"name\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value key\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.name.touched && formControls.name.valid,\n                      'is-invalid': formControls.name.touched && formControls.name.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.name.errors.required\">\n                      Choice field value key is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"value\"\n                  >Value</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"value\"\n                    formControlName=\"value\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.value.touched && formControls.value.valid,\n                      'is-invalid': formControls.value.touched && formControls.value.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.value.touched && formControls.value.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.value.errors.required\">\n                      Choice field value is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"sortOrder\"\n                  >Sequence</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"number\"\n                    id=\"sortOrder\"\n                    formControlName=\"sortOrder\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value sequence\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.sortOrder.touched && formControls.sortOrder.valid,\n                      'is-invalid': formControls.sortOrder.touched && formControls.sortOrder.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.sortOrder.touched && formControls.sortOrder.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.sortOrder.errors.required\">\n                      Choice field value sequence is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"deprecated\"\n                  >Deprecated</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <div class=\"switch-button switch-button-sm switch-button-success\">\n                    <input type=\"checkbox\" formControlName=\"deprecated\" id=\"deprecated\" /><span>\n                      <label for=\"deprecated\"></label\n                    ></span>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'../../'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i3.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldValueDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-choice-field-value-detail', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12\">\n                    <strong>Choice field</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Title</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.title }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 pt-3\">\n                    <strong>Choice field value</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceFieldValue.id }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"bg-white p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"name\"\n                    formControlName=\"name\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value key\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.name.touched && formControls.name.valid,\n                      'is-invalid': formControls.name.touched && formControls.name.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.name.errors.required\">\n                      Choice field value key is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"value\"\n                  >Value</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"value\"\n                    formControlName=\"value\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.value.touched && formControls.value.valid,\n                      'is-invalid': formControls.value.touched && formControls.value.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.value.touched && formControls.value.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.value.errors.required\">\n                      Choice field value is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"sortOrder\"\n                  >Sequence</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"number\"\n                    id=\"sortOrder\"\n                    formControlName=\"sortOrder\"\n                    class=\"form-control\"\n                    placeholder=\"Choice field value sequence\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.sortOrder.touched && formControls.sortOrder.valid,\n                      'is-invalid': formControls.sortOrder.touched && formControls.sortOrder.errors,\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.sortOrder.touched && formControls.sortOrder.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.sortOrder.errors.required\">\n                      Choice field value sequence is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"deprecated\"\n                  >Deprecated</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <div class=\"switch-button switch-button-sm switch-button-success\">\n                    <input type=\"checkbox\" formControlName=\"deprecated\" id=\"deprecated\" /><span>\n                      <label for=\"deprecated\"></label\n                    ></span>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'../../'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                    Reset\n                  </button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.FormBuilder }, { type: i3.ChoiceFieldService }, { type: i3.AlertService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const routes = [
+    {
+        path: 'choice-fields',
+        data: {
+            title: 'Choice fields',
+            roles: [ROLE_ADMIN],
+        },
+        component: ChoiceFieldListComponent,
+        canActivate: [AuthGuardService],
+    },
+    {
+        path: 'choice-fields/field/:id',
+        data: {
+            title: 'Choice field details',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+        component: ChoiceFieldDetailComponent,
+        canActivate: [AuthGuardService],
+    },
+    {
+        path: 'choice-fields/create',
+        data: {
+            title: 'Create new Choice field',
+            roles: [ROLE_ADMIN],
+        },
+        component: ChoiceFieldCreateComponent,
+        canActivate: [AuthGuardService],
+    },
+    {
+        path: 'choice-fields/field/:id/create-value',
+        data: {
+            title: 'Create new Choice field value',
+            roles: [ROLE_ADMIN],
+        },
+        component: ChoiceFieldValueCreateComponent,
+        canActivate: [AuthGuardService],
+    },
+    {
+        path: 'choice-fields/field/:id/value/:valueId',
+        data: {
+            title: 'Choice field value details',
+            roles: [ROLE_ADMIN],
+        },
+        component: ChoiceFieldValueDetailComponent,
+        canActivate: [AuthGuardService],
+    },
+];
+class ChoiceFieldRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldRoutingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldModule, declarations: [ChoiceFieldListComponent,
+            ChoiceFieldDetailComponent,
+            ChoiceFieldCreateComponent,
+            ChoiceFieldValueListComponent,
+            ChoiceFieldValueCreateComponent,
+            ChoiceFieldValueDetailComponent], imports: [CommonModule,
+            WidgetModule,
+            FieldAutoFocusModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ChoiceFieldRoutingModule,
+            AlertModule,
+            TranslateModule,
+            CarbonListModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldModule, imports: [CommonModule,
+            WidgetModule,
+            FieldAutoFocusModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ChoiceFieldRoutingModule,
+            AlertModule,
+            TranslateModule,
+            CarbonListModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChoiceFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChoiceFieldListComponent,
+                        ChoiceFieldDetailComponent,
+                        ChoiceFieldCreateComponent,
+                        ChoiceFieldValueListComponent,
+                        ChoiceFieldValueCreateComponent,
+                        ChoiceFieldValueDetailComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        WidgetModule,
+                        FieldAutoFocusModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ChoiceFieldRoutingModule,
+                        AlertModule,
+                        TranslateModule,
+                        CarbonListModule,
+                    ],
+                    exports: [],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/*
+ * Public API Surface of choice-field
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChoiceFieldModule };
+//# sourceMappingURL=valtimo-choice-field.mjs.map