@valtimo/zgw 13.39.0 → 13.41.0

package/fesm2022/valtimo-zgw.mjs

@@ -4580,7 +4580,7 @@ class ZakenApiZaaktypeLinkComponent {
             this.pluginConfigurations.find(pluginConfiguration => pluginConfiguration.id === pluginConfigurationId) ?? null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, deps: [{ token: i2.ConfigurationIssueService }, { token: i2.DraftVersionService }, { token: i2.GlobalNotificationService }, { token: i6.IconService }, { token: i4$2.OpenZaakService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }, { token: ZakenApiZaaktypeLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"openModal(zaakTypeLink)\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"removeZaakTypeLink()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        [attr.data-test-id]=\"testIds.linkButton\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalZaakTypeSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalPluginSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [attr.data-test-id]=\"testIds.modalRsinInput\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalAutoCreateToggle\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"closeModal()\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i6.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i6.Option, selector: "option" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n          @if (selectedZaakType?.beginGeldigheid) {\n            ({{ selectedZaakType?.beginGeldigheid | date: 'dd-MM-yyyy' }} -\n            {{\n              selectedZaakType?.eindeGeldigheid\n                ? (selectedZaakType?.eindeGeldigheid | date: 'dd-MM-yyyy')\n                : ('openZaak.present' | translate)\n            }})\n          }\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"openModal(zaakTypeLink)\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"removeZaakTypeLink()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        [attr.data-test-id]=\"testIds.linkButton\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalZaakTypeSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n            @if (zaakType.beginGeldigheid) {\n              ({{ zaakType.beginGeldigheid | date: 'dd-MM-yyyy' }} -\n              {{\n                zaakType.eindeGeldigheid\n                  ? (zaakType.eindeGeldigheid | date: 'dd-MM-yyyy')\n                  : ('openZaak.present' | translate)\n              }})\n            }\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalPluginSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [attr.data-test-id]=\"testIds.modalRsinInput\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalAutoCreateToggle\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"closeModal()\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i6.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i6.Option, selector: "option" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, decorators: [{
             type: Component,
@@ -4600,7 +4600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         ToggleModule,
                         RenderInBodyComponent,
                         ValtimoCdsModalDirective,
-                    ], template: "<!--\n  ~ Copyright 2015-2026 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"openModal(zaakTypeLink)\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"removeZaakTypeLink()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        [attr.data-test-id]=\"testIds.linkButton\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalZaakTypeSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalPluginSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [attr.data-test-id]=\"testIds.modalRsinInput\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalAutoCreateToggle\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"closeModal()\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 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"] }]
+                    ], template: "<!--\n  ~ Copyright 2015-2026 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n          @if (selectedZaakType?.beginGeldigheid) {\n            ({{ selectedZaakType?.beginGeldigheid | date: 'dd-MM-yyyy' }} -\n            {{\n              selectedZaakType?.eindeGeldigheid\n                ? (selectedZaakType?.eindeGeldigheid | date: 'dd-MM-yyyy')\n                : ('openZaak.present' | translate)\n            }})\n          }\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"openModal(zaakTypeLink)\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"removeZaakTypeLink()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        [attr.data-test-id]=\"testIds.linkButton\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalZaakTypeSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n            @if (zaakType.beginGeldigheid) {\n              ({{ zaakType.beginGeldigheid | date: 'dd-MM-yyyy' }} -\n              {{\n                zaakType.eindeGeldigheid\n                  ? (zaakType.eindeGeldigheid | date: 'dd-MM-yyyy')\n                  : ('openZaak.present' | translate)\n              }})\n            }\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalPluginSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [attr.data-test-id]=\"testIds.modalRsinInput\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalAutoCreateToggle\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"closeModal()\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 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"] }]
         }], ctorParameters: () => [{ type: i2.ConfigurationIssueService }, { type: i2.DraftVersionService }, { type: i2.GlobalNotificationService }, { type: i6.IconService }, { type: i4$2.OpenZaakService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: ZakenApiZaaktypeLinkService }] });
 
 /*