@valtimo/dossier 12.16.0 → 12.17.0

package/esm2022/lib/components/dossier-detail/tab/notes/notes.component.mjs

@@ -159,11 +159,11 @@ export class DossierDetailTabNotesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTabNotesComponent, deps: [{ token: i1.NotesService }, { token: i2.PermissionService }, { token: i3.PromptService }, { token: i4.ActivatedRoute }, { token: i5.ToastrService }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DossierDetailTabNotesComponent, selector: "valtimo-dossier-detail-tab-notes", host: { properties: { "class.tab--no-margin": "this.noMargin" } }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'dossier.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'dossier.notes.noResults.description' | translate\"\n      [title]=\"'dossier.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  (createNoteEvent)=\"createNewNote($event)\"\n  (editNoteEvent)=\"editNoteEvent($event)\"\n></valtimo-note-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self:flex-end}\n/*!\n * Copyright 2015-2024 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: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TimelineComponent, selector: "valtimo-timeline", inputs: ["items", "actions"] }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "component", type: i8.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }, { kind: "directive", type: i9.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i9.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i10.NoteModalComponent, selector: "valtimo-note-modal", inputs: ["customData"], outputs: ["createNoteEvent", "editNoteEvent"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DossierDetailTabNotesComponent, selector: "valtimo-dossier-detail-tab-notes", host: { properties: { "class.tab--no-margin": "this.noMargin" } }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'dossier.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'dossier.notes.noResults.description' | translate\"\n      [title]=\"'dossier.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  (createNoteEvent)=\"createNewNote($event)\"\n  (editNoteEvent)=\"editNoteEvent($event)\"\n></valtimo-note-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self:flex-end}.loading-spinner{margin:24px 36px 24px 24px}\n/*!\n * Copyright 2015-2024 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: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TimelineComponent, selector: "valtimo-timeline", inputs: ["items", "actions"] }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "component", type: i8.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }, { kind: "directive", type: i9.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i9.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i10.NoteModalComponent, selector: "valtimo-note-modal", inputs: ["customData"], outputs: ["createNoteEvent", "editNoteEvent"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTabNotesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-dossier-detail-tab-notes', template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'dossier.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'dossier.notes.noResults.description' | translate\"\n      [title]=\"'dossier.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  (createNoteEvent)=\"createNewNote($event)\"\n  (editNoteEvent)=\"editNoteEvent($event)\"\n></valtimo-note-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self:flex-end}\n/*!\n * Copyright 2015-2024 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"] }]
+            args: [{ selector: 'valtimo-dossier-detail-tab-notes', template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'dossier.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'dossier.notes.noResults.description' | translate\"\n      [title]=\"'dossier.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  (createNoteEvent)=\"createNewNote($event)\"\n  (editNoteEvent)=\"editNoteEvent($event)\"\n></valtimo-note-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self:flex-end}.loading-spinner{margin:24px 36px 24px 24px}\n/*!\n * Copyright 2015-2024 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: i1.NotesService }, { type: i2.PermissionService }, { type: i3.PromptService }, { type: i4.ActivatedRoute }, { type: i5.ToastrService }, { type: i6.TranslateService }], propDecorators: { noMargin: [{
                 type: HostBinding,
                 args: ['class.tab--no-margin']