@valtimo/components 11.3.2 → 12.1.0

package/esm2022/lib/components/page-actions/page-actions.component.mjs

@@ -0,0 +1,82 @@
+/*
+ * Copyright 2015-2024 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.
+ */
+import { Component, HostBinding, ViewChild, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkeletonModule } from 'carbon-components-angular';
+import { map, startWith, switchMap } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../services";
+import * as i3 from "@angular/common";
+export class PageActionsComponent {
+    constructor(router, activatedRoute, pageTitleService, pageHeaderService, pageSubtitleService) {
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.pageTitleService = pageTitleService;
+        this.pageHeaderService = pageHeaderService;
+        this.pageSubtitleService = pageSubtitleService;
+        this.class = 'valtimo-page-actions';
+        this.hasCustomPageSubtitle$ = this.router.events.pipe(startWith(this.router), switchMap(() => this.activatedRoute.firstChild.data), map(data => !!data?.customPageSubtitle));
+        this.hasPageActions$ = this.pageTitleService.hasPageActions$;
+        this.pageActionsFullWidth$ = this.pageTitleService.pageActionsFullWidth$;
+        this.compactMode$ = this.pageHeaderService.compactMode$;
+    }
+    ngAfterViewInit() {
+        this.pageTitleService.setPageActionsViewContainerRef(this._pageActionsVcr);
+        this.pageSubtitleService.setActionsViewContainerRef(this._subtitleVcr);
+        this.openPageActionsMutationObserver();
+    }
+    ngOnDestroy() {
+        this._pageActionsObserver?.disconnect();
+    }
+    openPageActionsMutationObserver() {
+        if (!this._pageActions)
+            return;
+        this._pageActionsObserver = new MutationObserver(mutations => {
+            const firstMutation = mutations[0];
+            const target = firstMutation?.target;
+            const children = target?.children;
+            const childrenArray = (children && Array.from(children)) || [];
+            this.pageHeaderService.setPageActionsHasContent(childrenArray.length > 0);
+        });
+        this._pageActionsObserver.observe(this._pageActions.nativeElement, { childList: true });
+        this.setInitialPageActionsHasChildren();
+    }
+    setInitialPageActionsHasChildren() {
+        const children = this._pageActions.nativeElement.children;
+        const childrenArray = (children && Array.from(children)) || [];
+        this.pageHeaderService.setPageActionsHasContent(childrenArray.length > 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageActionsComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.PageTitleService }, { token: i2.PageHeaderService }, { token: i2.PageSubtitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PageActionsComponent, isStandalone: true, selector: "valtimo-page-actions", host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "_pageActionsVcr", first: true, predicate: ["pageActionsVcr"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_pageActions", first: true, predicate: ["pageActions"], descendants: true }, { propertyName: "_subtitleVcr", first: true, predicate: ["subtitleVcr"], descendants: true, read: ViewContainerRef, static: true }], 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\n<div\n  class=\"page-actions-container\"\n  [ngClass]=\"{\n    '--compact': compactMode$ | async\n  }\"\n>\n  <ng-container #subtitleVcr></ng-container>\n\n  <div\n    #pageActions\n    [ngClass]=\"{\n      'page-actions--visible': hasPageActions$ | async,\n      'page-actions--full-width': (pageActionsFullWidth$ | async),\n      'page-actions--compact': (hasPageActions$ | async) && (compactMode$ | async)\n    }\"\n    class=\"page-actions\"\n  >\n    <ng-container #pageActionsVcr></ng-container>\n  </div>\n</div>\n", styles: [".valtimo-page-actions{width:100%}.page-actions-container{display:flex}.page-actions-container.--compact{align-items:flex-start}.page-actions-container .page-actions--visible{margin-left:auto;padding-left:32px}.page-actions-container .page-actions--compact{padding-left:0}.page-actions-container .page-actions--full-width{width:100%}.page-actions-container .subtitle-skeleton-container .cds--skeleton__placeholder{height:18px;margin-bottom:8px;width:200px;margin-left:16px}.page-actions-container .subtitle-skeleton-container.--compact .cds--skeleton__placeholder{height:18px;width:60px;margin:0}.page-actions-container .page-subtitle{margin-left:16px;padding-bottom:4px;color:var(--cds-text-helper, #6f6f6f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:18px}.page-actions-container .page-subtitle b{font-weight:bolder}.page-actions-container .page-subtitle.--compact{padding-bottom:0;margin-left:0}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: SkeletonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-page-actions', standalone: true, imports: [CommonModule, SkeletonModule], encapsulation: ViewEncapsulation.None, 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\n<div\n  class=\"page-actions-container\"\n  [ngClass]=\"{\n    '--compact': compactMode$ | async\n  }\"\n>\n  <ng-container #subtitleVcr></ng-container>\n\n  <div\n    #pageActions\n    [ngClass]=\"{\n      'page-actions--visible': hasPageActions$ | async,\n      'page-actions--full-width': (pageActionsFullWidth$ | async),\n      'page-actions--compact': (hasPageActions$ | async) && (compactMode$ | async)\n    }\"\n    class=\"page-actions\"\n  >\n    <ng-container #pageActionsVcr></ng-container>\n  </div>\n</div>\n", styles: [".valtimo-page-actions{width:100%}.page-actions-container{display:flex}.page-actions-container.--compact{align-items:flex-start}.page-actions-container .page-actions--visible{margin-left:auto;padding-left:32px}.page-actions-container .page-actions--compact{padding-left:0}.page-actions-container .page-actions--full-width{width:100%}.page-actions-container .subtitle-skeleton-container .cds--skeleton__placeholder{height:18px;margin-bottom:8px;width:200px;margin-left:16px}.page-actions-container .subtitle-skeleton-container.--compact .cds--skeleton__placeholder{height:18px;width:60px;margin:0}.page-actions-container .page-subtitle{margin-left:16px;padding-bottom:4px;color:var(--cds-text-helper, #6f6f6f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:18px}.page-actions-container .page-subtitle b{font-weight:bolder}.page-actions-container .page-subtitle.--compact{padding-bottom:0;margin-left:0}\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.Router }, { type: i1.ActivatedRoute }, { type: i2.PageTitleService }, { type: i2.PageHeaderService }, { type: i2.PageSubtitleService }], propDecorators: { _pageActionsVcr: [{
+                type: ViewChild,
+                args: ['pageActionsVcr', { static: true, read: ViewContainerRef }]
+            }], _pageActions: [{
+                type: ViewChild,
+                args: ['pageActions']
+            }], _subtitleVcr: [{
+                type: ViewChild,
+                args: ['subtitleVcr', { static: true, read: ViewContainerRef }]
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRpbW8vY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS1hY3Rpb25zL3BhZ2UtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2NvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtYWN0aW9ucy9wYWdlLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFFSCxPQUFPLEVBRUwsU0FBUyxFQUVULFdBQVcsRUFFWCxTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2hCLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3pELE9BQU8sRUFBQyxHQUFHLEVBQWMsU0FBUyxFQUFFLFNBQVMsRUFBQyxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFZM0QsTUFBTSxPQUFPLG9CQUFvQjtJQW9CL0IsWUFDbUIsTUFBYyxFQUNkLGNBQThCLEVBQzlCLGdCQUFrQyxFQUNsQyxpQkFBb0MsRUFDcEMsbUJBQXdDO1FBSnhDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFsQnJDLFVBQUssR0FBRyxzQkFBc0IsQ0FBQztRQUVyQywyQkFBc0IsR0FBd0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNuRixTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQ3BELEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLENBQUMsQ0FDeEMsQ0FBQztRQUNjLG9CQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQztRQUN4RCwwQkFBcUIsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUM7UUFDcEUsaUJBQVksR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDO0lBVWhFLENBQUM7SUFFRyxlQUFlO1FBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyw4QkFBOEIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLG1CQUFtQixDQUFDLDBCQUEwQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsK0JBQStCLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVPLCtCQUErQjtRQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVk7WUFBRSxPQUFPO1FBRS9CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQzNELE1BQU0sYUFBYSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNuQyxNQUFNLE1BQU0sR0FBRyxhQUFhLEVBQUUsTUFBd0IsQ0FBQztZQUN2RCxNQUFNLFFBQVEsR0FBRyxNQUFNLEVBQUUsUUFBUSxDQUFDO1lBQ2xDLE1BQU0sYUFBYSxHQUFHLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7WUFFL0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHdCQUF3QixDQUFDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDNUUsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLEVBQUMsU0FBUyxFQUFFLElBQUksRUFBQyxDQUFDLENBQUM7UUFFdEYsSUFBSSxDQUFDLGdDQUFnQyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVPLGdDQUFnQztRQUN0QyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7UUFDMUQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUUvRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsd0JBQXdCLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM1RSxDQUFDOzhHQTVEVSxvQkFBb0I7a0dBQXBCLG9CQUFvQiwrTkFDbUIsZ0JBQWdCLGtOQUluQixnQkFBZ0IsMkNDN0NqRSwycENBb0NBLG1tRERDWSxZQUFZLGlMQUFFLGNBQWM7OzJGQUczQixvQkFBb0I7a0JBUmhDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBR3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLENBQUMsaUJBQ3hCLGlCQUFpQixDQUFDLElBQUk7eU1BSXBCLGVBQWU7c0JBRC9CLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBQztnQkFHbEQsWUFBWTtzQkFENUIsU0FBUzt1QkFBQyxhQUFhO2dCQUdQLFlBQVk7c0JBRDVCLFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUM7Z0JBRTFDLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIE9uRGVzdHJveSxcbiAgVmlld0NoaWxkLFxuICBWaWV3Q29udGFpbmVyUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7U2tlbGV0b25Nb2R1bGV9IGZyb20gJ2NhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXInO1xuaW1wb3J0IHttYXAsIE9ic2VydmFibGUsIHN0YXJ0V2l0aCwgc3dpdGNoTWFwfSBmcm9tICdyeGpzJztcbmltcG9ydCB7QWN0aXZhdGVkUm91dGUsIFJvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7UGFnZUhlYWRlclNlcnZpY2UsIFBhZ2VTdWJ0aXRsZVNlcnZpY2UsIFBhZ2VUaXRsZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsdGltby1wYWdlLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNrZWxldG9uTW9kdWxlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUFjdGlvbnNDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBAVmlld0NoaWxkKCdwYWdlQWN0aW9uc1ZjcicsIHtzdGF0aWM6IHRydWUsIHJlYWQ6IFZpZXdDb250YWluZXJSZWZ9KVxuICBwcml2YXRlIHJlYWRvbmx5IF9wYWdlQWN0aW9uc1ZjciE6IFZpZXdDb250YWluZXJSZWY7XG4gIEBWaWV3Q2hpbGQoJ3BhZ2VBY3Rpb25zJylcbiAgcHJpdmF0ZSByZWFkb25seSBfcGFnZUFjdGlvbnMhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnc3VidGl0bGVWY3InLCB7c3RhdGljOiB0cnVlLCByZWFkOiBWaWV3Q29udGFpbmVyUmVmfSlcbiAgcHJpdmF0ZSByZWFkb25seSBfc3VidGl0bGVWY3IhOiBWaWV3Q29udGFpbmVyUmVmO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAndmFsdGltby1wYWdlLWFjdGlvbnMnO1xuXG4gIHB1YmxpYyByZWFkb25seSBoYXNDdXN0b21QYWdlU3VidGl0bGUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgc3RhcnRXaXRoKHRoaXMucm91dGVyKSxcbiAgICBzd2l0Y2hNYXAoKCkgPT4gdGhpcy5hY3RpdmF0ZWRSb3V0ZS5maXJzdENoaWxkLmRhdGEpLFxuICAgIG1hcChkYXRhID0+ICEhZGF0YT8uY3VzdG9tUGFnZVN1YnRpdGxlKVxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgaGFzUGFnZUFjdGlvbnMkID0gdGhpcy5wYWdlVGl0bGVTZXJ2aWNlLmhhc1BhZ2VBY3Rpb25zJDtcbiAgcHVibGljIHJlYWRvbmx5IHBhZ2VBY3Rpb25zRnVsbFdpZHRoJCA9IHRoaXMucGFnZVRpdGxlU2VydmljZS5wYWdlQWN0aW9uc0Z1bGxXaWR0aCQ7XG4gIHB1YmxpYyByZWFkb25seSBjb21wYWN0TW9kZSQgPSB0aGlzLnBhZ2VIZWFkZXJTZXJ2aWNlLmNvbXBhY3RNb2RlJDtcblxuICBwcml2YXRlIF9wYWdlQWN0aW9uc09ic2VydmVyITogTXV0YXRpb25PYnNlcnZlcjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcGFnZVRpdGxlU2VydmljZTogUGFnZVRpdGxlU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2VIZWFkZXJTZXJ2aWNlOiBQYWdlSGVhZGVyU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2VTdWJ0aXRsZVNlcnZpY2U6IFBhZ2VTdWJ0aXRsZVNlcnZpY2VcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5wYWdlVGl0bGVTZXJ2aWNlLnNldFBhZ2VBY3Rpb25zVmlld0NvbnRhaW5lclJlZih0aGlzLl9wYWdlQWN0aW9uc1Zjcik7XG4gICAgdGhpcy5wYWdlU3VidGl0bGVTZXJ2aWNlLnNldEFjdGlvbnNWaWV3Q29udGFpbmVyUmVmKHRoaXMuX3N1YnRpdGxlVmNyKTtcbiAgICB0aGlzLm9wZW5QYWdlQWN0aW9uc011dGF0aW9uT2JzZXJ2ZXIoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9wYWdlQWN0aW9uc09ic2VydmVyPy5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwcml2YXRlIG9wZW5QYWdlQWN0aW9uc011dGF0aW9uT2JzZXJ2ZXIoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLl9wYWdlQWN0aW9ucykgcmV0dXJuO1xuXG4gICAgdGhpcy5fcGFnZUFjdGlvbnNPYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKG11dGF0aW9ucyA9PiB7XG4gICAgICBjb25zdCBmaXJzdE11dGF0aW9uID0gbXV0YXRpb25zWzBdO1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZmlyc3RNdXRhdGlvbj8udGFyZ2V0IGFzIEhUTUxEaXZFbGVtZW50O1xuICAgICAgY29uc3QgY2hpbGRyZW4gPSB0YXJnZXQ/LmNoaWxkcmVuO1xuICAgICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IChjaGlsZHJlbiAmJiBBcnJheS5mcm9tKGNoaWxkcmVuKSkgfHwgW107XG5cbiAgICAgIHRoaXMucGFnZUhlYWRlclNlcnZpY2Uuc2V0UGFnZUFjdGlvbnNIYXNDb250ZW50KGNoaWxkcmVuQXJyYXkubGVuZ3RoID4gMCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLl9wYWdlQWN0aW9uc09ic2VydmVyLm9ic2VydmUodGhpcy5fcGFnZUFjdGlvbnMubmF0aXZlRWxlbWVudCwge2NoaWxkTGlzdDogdHJ1ZX0pO1xuXG4gICAgdGhpcy5zZXRJbml0aWFsUGFnZUFjdGlvbnNIYXNDaGlsZHJlbigpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRJbml0aWFsUGFnZUFjdGlvbnNIYXNDaGlsZHJlbigpOiB2b2lkIHtcbiAgICBjb25zdCBjaGlsZHJlbiA9IHRoaXMuX3BhZ2VBY3Rpb25zLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW47XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IChjaGlsZHJlbiAmJiBBcnJheS5mcm9tKGNoaWxkcmVuKSkgfHwgW107XG5cbiAgICB0aGlzLnBhZ2VIZWFkZXJTZXJ2aWNlLnNldFBhZ2VBY3Rpb25zSGFzQ29udGVudChjaGlsZHJlbkFycmF5Lmxlbmd0aCA+IDApO1xuICB9XG59XG4iLCI8IS0tXG4gIH4gQ29weXJpZ2h0IDIwMTUtMjAyNCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gIH5cbiAgfiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAgfiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gIH4gWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gIH5cbiAgfiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gIH5cbiAgfiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gIH4gZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICB+IFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICB+IFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgfiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAgLS0+XG5cbjxkaXZcbiAgY2xhc3M9XCJwYWdlLWFjdGlvbnMtY29udGFpbmVyXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICctLWNvbXBhY3QnOiBjb21wYWN0TW9kZSQgfCBhc3luY1xuICB9XCJcbj5cbiAgPG5nLWNvbnRhaW5lciAjc3VidGl0bGVWY3I+PC9uZy1jb250YWluZXI+XG5cbiAgPGRpdlxuICAgICNwYWdlQWN0aW9uc1xuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdwYWdlLWFjdGlvbnMtLXZpc2libGUnOiBoYXNQYWdlQWN0aW9ucyQgfCBhc3luYyxcbiAgICAgICdwYWdlLWFjdGlvbnMtLWZ1bGwtd2lkdGgnOiAocGFnZUFjdGlvbnNGdWxsV2lkdGgkIHwgYXN5bmMpLFxuICAgICAgJ3BhZ2UtYWN0aW9ucy0tY29tcGFjdCc6IChoYXNQYWdlQWN0aW9ucyQgfCBhc3luYykgJiYgKGNvbXBhY3RNb2RlJCB8IGFzeW5jKVxuICAgIH1cIlxuICAgIGNsYXNzPVwicGFnZS1hY3Rpb25zXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgI3BhZ2VBY3Rpb25zVmNyPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/page-header/page-header.component.mjs

@@ -1,5 +1,5 @@
 /*
- * Copyright 2015-2023 Ritense BV, the Netherlands.
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,23 +13,53 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Component } from '@angular/core';
+import { Component, ElementRef, ViewChild, ViewContainerRef, } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/user-interface.service";
-import * as i2 from "@angular/common";
-import * as i3 from "../page-title/page-title.component";
-import * as i4 from "../breadcrumb-navigation/breadcrumb-navigation.component";
+import * as i2 from "../../services";
+import * as i3 from "@angular/common";
+import * as i4 from "../page-title/page-title.component";
+import * as i5 from "../breadcrumb-navigation/breadcrumb-navigation.component";
+import * as i6 from "../../directives/render-page-header/render-page-header.directive";
+import * as i7 from "../page-actions/page-actions.component";
+import * as i8 from "../page-subtitle/page-subtitle.component";
 export class PageHeaderComponent {
-    constructor(userInterfaceService) {
+    constructor(userInterfaceService, pageHeaderService, pageTitleService) {
         this.userInterfaceService = userInterfaceService;
+        this.pageHeaderService = pageHeaderService;
+        this.pageTitleService = pageTitleService;
         this.showPageHeader$ = this.userInterfaceService.showPageHeader$;
+        this.compactMode$ = this.pageHeaderService.compactMode$;
+        this.pageActionsHasContent$ = this.pageHeaderService.pageActionsHasContent$;
+        this.pageTitleHidden$ = this.pageTitleService.pageTitleHidden$;
     }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1.UserInterfaceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageHeaderComponent, selector: "valtimo-page-header", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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=\"page-head\" [ngClass]=\"{'page-head--hidden': (showPageHeader$ | async) === false}\">\n  <valtimo-breadcrumb-navigation></valtimo-breadcrumb-navigation>\n  <valtimo-page-title></valtimo-page-title>\n</div>\n", styles: [".page-head--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PageTitleComponent, selector: "valtimo-page-title" }, { kind: "component", type: i4.BreadcrumbNavigationComponent, selector: "valtimo-breadcrumb-navigation" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    ngAfterViewInit() {
+        this.pageHeaderService.setContentViewContainerRef(this._contentrVcr);
+        this.openPageHeadResizeObserver();
+    }
+    ngOnDestroy() {
+        this._pageHeadResizeObserver?.disconnect();
+    }
+    openPageHeadResizeObserver() {
+        this._pageHeadResizeObserver = new ResizeObserver(entries => {
+            const pageHeadEntry = Array.isArray(entries) && entries[0];
+            const pageHeadHeight = pageHeadEntry?.contentRect?.height;
+            if (pageHeadHeight)
+                this.pageHeaderService.setPageHeadHeight(pageHeadHeight);
+        });
+        this._pageHeadResizeObserver.observe(this._pageHead.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1.UserInterfaceService }, { token: i2.PageHeaderService }, { token: i2.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PageHeaderComponent, selector: "valtimo-page-header", viewQueries: [{ propertyName: "_contentrVcr", first: true, predicate: ["contentVcr"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_pageHead", first: true, predicate: ["pageHead"], descendants: true, read: ElementRef, static: true }], 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\n<div\n  #pageHead\n  class=\"page-head\"\n  [ngClass]=\"{\n    '--hidden': (showPageHeader$ | async) === false,\n    '--compact': compactMode$ | async,\n    '--no-content': (compactMode$ | async) && (pageActionsHasContent$ | async) === false,\n    '--no-margin': pageTitleHidden$ | async\n  }\"\n>\n  <ng-container #contentVcr></ng-container>\n\n  <valtimo-page-subtitle></valtimo-page-subtitle>\n\n  <valtimo-page-actions></valtimo-page-actions>\n</div>\n\n<ng-container renderPageHeader>\n  <ng-template>\n    <div class=\"page-header-container\" [ngClass]=\"{'--compact': compactMode$ | async}\">\n      <valtimo-breadcrumb-navigation></valtimo-breadcrumb-navigation>\n\n      <valtimo-page-title></valtimo-page-title>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".page-head{display:flex;width:100%;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-head.--hidden{display:none}.page-head.--compact{margin-bottom:16px}.page-head.--no-content,.page-head.--no-margin{margin-bottom:0}.page-header-container{width:min-content}.page-header-container.--compact{display:flex;width:100%;justify-content:space-between;align-items:center;padding-inline:16px}\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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.PageTitleComponent, selector: "valtimo-page-title" }, { kind: "component", type: i5.BreadcrumbNavigationComponent, selector: "valtimo-breadcrumb-navigation" }, { kind: "directive", type: i6.RenderPageHeaderDirective, selector: "[renderPageHeader]" }, { kind: "component", type: i7.PageActionsComponent, selector: "valtimo-page-actions" }, { kind: "component", type: i8.PageSubtitleComponent, selector: "valtimo-page-subtitle" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-page-header', template: "<!--\n  ~ Copyright 2015-2023 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=\"page-head\" [ngClass]=\"{'page-head--hidden': (showPageHeader$ | async) === false}\">\n  <valtimo-breadcrumb-navigation></valtimo-breadcrumb-navigation>\n  <valtimo-page-title></valtimo-page-title>\n</div>\n", styles: [".page-head--hidden{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.UserInterfaceService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGltby9jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2NvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBRUgsT0FBTyxFQUFDLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUWhELE1BQU0sT0FBTyxtQkFBbUI7SUFHOUIsWUFBNkIsb0JBQTBDO1FBQTFDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBc0I7UUFGOUQsb0JBQWUsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsZUFBZSxDQUFDO0lBRUssQ0FBQztJQUUzRSxRQUFRLEtBQUksQ0FBQzsrR0FMRixtQkFBbUI7bUdBQW5CLG1CQUFtQiwyREN4QmhDLDgyQkFvQkE7OzRGRElhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMTUtMjAyMyBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuXG5pbXBvcnQge0NvbXBvbmVudCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VXNlckludGVyZmFjZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3VzZXItaW50ZXJmYWNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWx0aW1vLXBhZ2UtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcmVhZG9ubHkgc2hvd1BhZ2VIZWFkZXIkID0gdGhpcy51c2VySW50ZXJmYWNlU2VydmljZS5zaG93UGFnZUhlYWRlciQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSB1c2VySW50ZXJmYWNlU2VydmljZTogVXNlckludGVyZmFjZVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxufVxuIiwiPCEtLVxuICB+IENvcHlyaWdodCAyMDE1LTIwMjMgUml0ZW5zZSBCViwgdGhlIE5ldGhlcmxhbmRzLlxuICB+XG4gIH4gTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gIH4geW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICB+IFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICB+XG4gIH4gaHR0cHM6Ly9qb2ludXAuZWMuZXVyb3BhLmV1L2NvbGxlY3Rpb24vZXVwbC9ldXBsLXRleHQtZXVwbC0xMlxuICB+XG4gIH4gVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICB+IGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBiYXNpcyxcbiAgfiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAgfiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gIH4gbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gIC0tPlxuXG48ZGl2IGNsYXNzPVwicGFnZS1oZWFkXCIgW25nQ2xhc3NdPVwieydwYWdlLWhlYWQtLWhpZGRlbic6IChzaG93UGFnZUhlYWRlciQgfCBhc3luYykgPT09IGZhbHNlfVwiPlxuICA8dmFsdGltby1icmVhZGNydW1iLW5hdmlnYXRpb24+PC92YWx0aW1vLWJyZWFkY3J1bWItbmF2aWdhdGlvbj5cbiAgPHZhbHRpbW8tcGFnZS10aXRsZT48L3ZhbHRpbW8tcGFnZS10aXRsZT5cbjwvZGl2PlxuIl19
+            args: [{ selector: 'valtimo-page-header', 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\n<div\n  #pageHead\n  class=\"page-head\"\n  [ngClass]=\"{\n    '--hidden': (showPageHeader$ | async) === false,\n    '--compact': compactMode$ | async,\n    '--no-content': (compactMode$ | async) && (pageActionsHasContent$ | async) === false,\n    '--no-margin': pageTitleHidden$ | async\n  }\"\n>\n  <ng-container #contentVcr></ng-container>\n\n  <valtimo-page-subtitle></valtimo-page-subtitle>\n\n  <valtimo-page-actions></valtimo-page-actions>\n</div>\n\n<ng-container renderPageHeader>\n  <ng-template>\n    <div class=\"page-header-container\" [ngClass]=\"{'--compact': compactMode$ | async}\">\n      <valtimo-breadcrumb-navigation></valtimo-breadcrumb-navigation>\n\n      <valtimo-page-title></valtimo-page-title>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".page-head{display:flex;width:100%;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-head.--hidden{display:none}.page-head.--compact{margin-bottom:16px}.page-head.--no-content,.page-head.--no-margin{margin-bottom:0}.page-header-container{width:min-content}.page-header-container.--compact{display:flex;width:100%;justify-content:space-between;align-items:center;padding-inline:16px}\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.UserInterfaceService }, { type: i2.PageHeaderService }, { type: i2.PageTitleService }], propDecorators: { _contentrVcr: [{
+                type: ViewChild,
+                args: ['contentVcr', { static: true, read: ViewContainerRef }]
+            }], _pageHead: [{
+                type: ViewChild,
+                args: ['pageHead', { static: true, read: ElementRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGltby9jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2NvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBRUgsT0FBTyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBRVYsU0FBUyxFQUNULGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUJBQW1CO0lBWTlCLFlBQ21CLG9CQUEwQyxFQUMxQyxpQkFBb0MsRUFDcEMsZ0JBQWtDO1FBRmxDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBc0I7UUFDMUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBVnJDLG9CQUFlLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGVBQWUsQ0FBQztRQUM1RCxpQkFBWSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUM7UUFDbkQsMkJBQXNCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHNCQUFzQixDQUFDO1FBQ3ZFLHFCQUFnQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQztJQVF2RSxDQUFDO0lBRUcsZUFBZTtRQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3JFLElBQUksQ0FBQywwQkFBMEIsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxVQUFVLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRU8sMEJBQTBCO1FBQ2hDLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUMxRCxNQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzRCxNQUFNLGNBQWMsR0FBRyxhQUFhLEVBQUUsV0FBVyxFQUFFLE1BQU0sQ0FBQztZQUUxRCxJQUFJLGNBQWM7Z0JBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQy9FLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLHVCQUF1QixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7OEdBcENVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGtKQUNnQixnQkFBZ0IsOEdBRWxCLFVBQVUsMkNDbkN4RCxvNUNBMENBOzsyRkRWYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UscUJBQXFCO3dKQU1kLFlBQVk7c0JBRDVCLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUM7Z0JBRzlDLFNBQVM7c0JBRHpCLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDE1LTIwMjQgUml0ZW5zZSBCViwgdGhlIE5ldGhlcmxhbmRzLlxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIEVVUEwsIFZlcnNpb24gMS4yICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogaHR0cHM6Ly9qb2ludXAuZWMuZXVyb3BhLmV1L2NvbGxlY3Rpb24vZXVwbC9ldXBsLXRleHQtZXVwbC0xMlxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBiYXNpcyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBPbkRlc3Ryb3ksXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VzZXJJbnRlcmZhY2VTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy91c2VyLWludGVyZmFjZS5zZXJ2aWNlJztcbmltcG9ydCB7UGFnZUhlYWRlclNlcnZpY2UsIFBhZ2VUaXRsZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsdGltby1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBAVmlld0NoaWxkKCdjb250ZW50VmNyJywge3N0YXRpYzogdHJ1ZSwgcmVhZDogVmlld0NvbnRhaW5lclJlZn0pXG4gIHByaXZhdGUgcmVhZG9ubHkgX2NvbnRlbnRyVmNyITogVmlld0NvbnRhaW5lclJlZjtcbiAgQFZpZXdDaGlsZCgncGFnZUhlYWQnLCB7c3RhdGljOiB0cnVlLCByZWFkOiBFbGVtZW50UmVmfSlcbiAgcHJpdmF0ZSByZWFkb25seSBfcGFnZUhlYWQhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgcHVibGljIHJlYWRvbmx5IHNob3dQYWdlSGVhZGVyJCA9IHRoaXMudXNlckludGVyZmFjZVNlcnZpY2Uuc2hvd1BhZ2VIZWFkZXIkO1xuICBwdWJsaWMgcmVhZG9ubHkgY29tcGFjdE1vZGUkID0gdGhpcy5wYWdlSGVhZGVyU2VydmljZS5jb21wYWN0TW9kZSQ7XG4gIHB1YmxpYyByZWFkb25seSBwYWdlQWN0aW9uc0hhc0NvbnRlbnQkID0gdGhpcy5wYWdlSGVhZGVyU2VydmljZS5wYWdlQWN0aW9uc0hhc0NvbnRlbnQkO1xuICBwdWJsaWMgcmVhZG9ubHkgcGFnZVRpdGxlSGlkZGVuJCA9IHRoaXMucGFnZVRpdGxlU2VydmljZS5wYWdlVGl0bGVIaWRkZW4kO1xuXG4gIHByaXZhdGUgX3BhZ2VIZWFkUmVzaXplT2JzZXJ2ZXIhOiBSZXNpemVPYnNlcnZlcjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHVzZXJJbnRlcmZhY2VTZXJ2aWNlOiBVc2VySW50ZXJmYWNlU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2VIZWFkZXJTZXJ2aWNlOiBQYWdlSGVhZGVyU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2VUaXRsZVNlcnZpY2U6IFBhZ2VUaXRsZVNlcnZpY2VcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5wYWdlSGVhZGVyU2VydmljZS5zZXRDb250ZW50Vmlld0NvbnRhaW5lclJlZih0aGlzLl9jb250ZW50clZjcik7XG4gICAgdGhpcy5vcGVuUGFnZUhlYWRSZXNpemVPYnNlcnZlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX3BhZ2VIZWFkUmVzaXplT2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcbiAgfVxuXG4gIHByaXZhdGUgb3BlblBhZ2VIZWFkUmVzaXplT2JzZXJ2ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5fcGFnZUhlYWRSZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcihlbnRyaWVzID0+IHtcbiAgICAgIGNvbnN0IHBhZ2VIZWFkRW50cnkgPSBBcnJheS5pc0FycmF5KGVudHJpZXMpICYmIGVudHJpZXNbMF07XG4gICAgICBjb25zdCBwYWdlSGVhZEhlaWdodCA9IHBhZ2VIZWFkRW50cnk/LmNvbnRlbnRSZWN0Py5oZWlnaHQ7XG5cbiAgICAgIGlmIChwYWdlSGVhZEhlaWdodCkgdGhpcy5wYWdlSGVhZGVyU2VydmljZS5zZXRQYWdlSGVhZEhlaWdodChwYWdlSGVhZEhlaWdodCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLl9wYWdlSGVhZFJlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcy5fcGFnZUhlYWQubmF0aXZlRWxlbWVudCk7XG4gIH1cbn1cbiIsIjwhLS1cbiAgfiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAgflxuICB+IExpY2Vuc2VkIHVuZGVyIEVVUEwsIFZlcnNpb24gMS4yICh0aGUgXCJMaWNlbnNlXCIpO1xuICB+IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAgfiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAgflxuICB+IGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAgflxuICB+IFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAgfiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gIH4gV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gIH4gU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICB+IGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICAtLT5cblxuPGRpdlxuICAjcGFnZUhlYWRcbiAgY2xhc3M9XCJwYWdlLWhlYWRcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJy0taGlkZGVuJzogKHNob3dQYWdlSGVhZGVyJCB8IGFzeW5jKSA9PT0gZmFsc2UsXG4gICAgJy0tY29tcGFjdCc6IGNvbXBhY3RNb2RlJCB8IGFzeW5jLFxuICAgICctLW5vLWNvbnRlbnQnOiAoY29tcGFjdE1vZGUkIHwgYXN5bmMpICYmIChwYWdlQWN0aW9uc0hhc0NvbnRlbnQkIHwgYXN5bmMpID09PSBmYWxzZSxcbiAgICAnLS1uby1tYXJnaW4nOiBwYWdlVGl0bGVIaWRkZW4kIHwgYXN5bmNcbiAgfVwiXG4+XG4gIDxuZy1jb250YWluZXIgI2NvbnRlbnRWY3I+PC9uZy1jb250YWluZXI+XG5cbiAgPHZhbHRpbW8tcGFnZS1zdWJ0aXRsZT48L3ZhbHRpbW8tcGFnZS1zdWJ0aXRsZT5cblxuICA8dmFsdGltby1wYWdlLWFjdGlvbnM+PC92YWx0aW1vLXBhZ2UtYWN0aW9ucz5cbjwvZGl2PlxuXG48bmctY29udGFpbmVyIHJlbmRlclBhZ2VIZWFkZXI+XG4gIDxuZy10ZW1wbGF0ZT5cbiAgICA8ZGl2IGNsYXNzPVwicGFnZS1oZWFkZXItY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieyctLWNvbXBhY3QnOiBjb21wYWN0TW9kZSQgfCBhc3luY31cIj5cbiAgICAgIDx2YWx0aW1vLWJyZWFkY3J1bWItbmF2aWdhdGlvbj48L3ZhbHRpbW8tYnJlYWRjcnVtYi1uYXZpZ2F0aW9uPlxuXG4gICAgICA8dmFsdGltby1wYWdlLXRpdGxlPjwvdmFsdGltby1wYWdlLXRpdGxlPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/lib/components/page-header/page-header.module.mjs

@@ -1,5 +1,5 @@
 /*
- * Copyright 2015-2023 Ritense BV, the Netherlands.
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,18 +18,38 @@ import { CommonModule } from '@angular/common';
 import { PageHeaderComponent } from './page-header.component';
 import { PageTitleModule } from '../page-title/page-title.module';
 import { BreadcrumbNavigationModule } from '../breadcrumb-navigation/breadcrumb-navigation.module';
+import { RenderPageHeaderDirectiveModule } from '../../directives/render-page-header/render-page-header-directive.module';
+import { PageActionsComponent } from '../page-actions/page-actions.component';
+import { PageSubtitleComponent } from '../page-subtitle/page-subtitle.component';
 import * as i0 from "@angular/core";
 export class PageHeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderModule, declarations: [PageHeaderComponent], imports: [CommonModule, PageTitleModule, BreadcrumbNavigationModule], exports: [PageHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, PageTitleModule, BreadcrumbNavigationModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: PageHeaderModule, declarations: [PageHeaderComponent], imports: [CommonModule,
+            PageTitleModule,
+            BreadcrumbNavigationModule,
+            RenderPageHeaderDirectiveModule,
+            PageActionsComponent,
+            PageSubtitleComponent], exports: [PageHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageHeaderModule, imports: [CommonModule,
+            PageTitleModule,
+            BreadcrumbNavigationModule,
+            RenderPageHeaderDirectiveModule,
+            PageActionsComponent,
+            PageSubtitleComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PageHeaderComponent],
-                    imports: [CommonModule, PageTitleModule, BreadcrumbNavigationModule],
+                    imports: [
+                        CommonModule,
+                        PageTitleModule,
+                        BreadcrumbNavigationModule,
+                        RenderPageHeaderDirectiveModule,
+                        PageActionsComponent,
+                        PageSubtitleComponent,
+                    ],
                     exports: [PageHeaderComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGltby9jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFFSCxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sdURBQXVELENBQUM7O0FBT2pHLE1BQU0sT0FBTyxnQkFBZ0I7K0dBQWhCLGdCQUFnQjtnSEFBaEIsZ0JBQWdCLGlCQUpaLG1CQUFtQixhQUN4QixZQUFZLEVBQUUsZUFBZSxFQUFFLDBCQUEwQixhQUN6RCxtQkFBbUI7Z0hBRWxCLGdCQUFnQixZQUhqQixZQUFZLEVBQUUsZUFBZSxFQUFFLDBCQUEwQjs7NEZBR3hELGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSwwQkFBMEIsQ0FBQztvQkFDcEUsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDE1LTIwMjMgUml0ZW5zZSBCViwgdGhlIE5ldGhlcmxhbmRzLlxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIEVVUEwsIFZlcnNpb24gMS4yICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogaHR0cHM6Ly9qb2ludXAuZWMuZXVyb3BhLmV1L2NvbGxlY3Rpb24vZXVwbC9ldXBsLXRleHQtZXVwbC0xMlxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBiYXNpcyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7UGFnZUhlYWRlckNvbXBvbmVudH0gZnJvbSAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHtQYWdlVGl0bGVNb2R1bGV9IGZyb20gJy4uL3BhZ2UtdGl0bGUvcGFnZS10aXRsZS5tb2R1bGUnO1xuaW1wb3J0IHtCcmVhZGNydW1iTmF2aWdhdGlvbk1vZHVsZX0gZnJvbSAnLi4vYnJlYWRjcnVtYi1uYXZpZ2F0aW9uL2JyZWFkY3J1bWItbmF2aWdhdGlvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtQYWdlSGVhZGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUGFnZVRpdGxlTW9kdWxlLCBCcmVhZGNydW1iTmF2aWdhdGlvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtQYWdlSGVhZGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUhlYWRlck1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGltby9jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFFSCxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sdURBQXVELENBQUM7QUFDakcsT0FBTyxFQUFDLCtCQUErQixFQUFDLE1BQU0seUVBQXlFLENBQUM7QUFDeEgsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDNUUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMENBQTBDLENBQUM7O0FBYy9FLE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQVhaLG1CQUFtQixhQUVoQyxZQUFZO1lBQ1osZUFBZTtZQUNmLDBCQUEwQjtZQUMxQiwrQkFBK0I7WUFDL0Isb0JBQW9CO1lBQ3BCLHFCQUFxQixhQUViLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBVHpCLFlBQVk7WUFDWixlQUFlO1lBQ2YsMEJBQTBCO1lBQzFCLCtCQUErQjtZQUMvQixvQkFBb0I7WUFDcEIscUJBQXFCOzsyRkFJWixnQkFBZ0I7a0JBWjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsMEJBQTBCO3dCQUMxQiwrQkFBK0I7d0JBQy9CLG9CQUFvQjt3QkFDcEIscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMTUtMjAyNCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuXG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtQYWdlSGVhZGVyQ29tcG9uZW50fSBmcm9tICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1BhZ2VUaXRsZU1vZHVsZX0gZnJvbSAnLi4vcGFnZS10aXRsZS9wYWdlLXRpdGxlLm1vZHVsZSc7XG5pbXBvcnQge0JyZWFkY3J1bWJOYXZpZ2F0aW9uTW9kdWxlfSBmcm9tICcuLi9icmVhZGNydW1iLW5hdmlnYXRpb24vYnJlYWRjcnVtYi1uYXZpZ2F0aW9uLm1vZHVsZSc7XG5pbXBvcnQge1JlbmRlclBhZ2VIZWFkZXJEaXJlY3RpdmVNb2R1bGV9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvcmVuZGVyLXBhZ2UtaGVhZGVyL3JlbmRlci1wYWdlLWhlYWRlci1kaXJlY3RpdmUubW9kdWxlJztcbmltcG9ydCB7UGFnZUFjdGlvbnNDb21wb25lbnR9IGZyb20gJy4uL3BhZ2UtYWN0aW9ucy9wYWdlLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7UGFnZVN1YnRpdGxlQ29tcG9uZW50fSBmcm9tICcuLi9wYWdlLXN1YnRpdGxlL3BhZ2Utc3VidGl0bGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUGFnZUhlYWRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUGFnZVRpdGxlTW9kdWxlLFxuICAgIEJyZWFkY3J1bWJOYXZpZ2F0aW9uTW9kdWxlLFxuICAgIFJlbmRlclBhZ2VIZWFkZXJEaXJlY3RpdmVNb2R1bGUsXG4gICAgUGFnZUFjdGlvbnNDb21wb25lbnQsXG4gICAgUGFnZVN1YnRpdGxlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbUGFnZUhlYWRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/components/page-subtitle/page-subtitle.component.mjs

@@ -0,0 +1,53 @@
+/*
+ * Copyright 2015-2024 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.
+ */
+import { Component, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkeletonModule } from 'carbon-components-angular';
+import { map, startWith, switchMap } from 'rxjs';
+import { RenderPageSubtitleDirectiveModule } from '../../directives/render-page-subtitle/render-page-subtitle-directive.module';
+import { RenderPageHeaderDirectiveModule } from '../../directives/render-page-header/render-page-header-directive.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../services";
+import * as i3 from "@angular/common";
+import * as i4 from "carbon-components-angular";
+import * as i5 from "../../directives/render-page-subtitle/render-page-subtitle.directive";
+export class PageSubtitleComponent {
+    constructor(router, activatedRoute, pageTitleService, pageHeaderService) {
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.pageTitleService = pageTitleService;
+        this.pageHeaderService = pageHeaderService;
+        this.hasCustomPageSubtitle$ = this.router.events.pipe(startWith(this.router), switchMap(() => this.activatedRoute.firstChild.data), map(data => !!data?.customPageSubtitle));
+        this.hasPageActions$ = this.pageTitleService.hasPageActions$;
+        this.pageActionsFullWidth$ = this.pageTitleService.pageActionsFullWidth$;
+        this.customPageSubtitleSet$ = this.pageTitleService.customPageSubtitleSet$;
+        this.customPageSubtitle$ = this.pageTitleService.customPageSubtitle$;
+        this.compactMode$ = this.pageHeaderService.compactMode$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageSubtitleComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.PageTitleService }, { token: i2.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PageSubtitleComponent, isStandalone: true, selector: "valtimo-page-subtitle", 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\n<ng-container renderPageSubtitle>\n  <ng-template>\n    <div\n      class=\"subtitle-container\"\n      *ngIf=\"{\n        hasCustomPageSubtitle: hasCustomPageSubtitle$ | async,\n        customPageSubtitleSet: customPageSubtitleSet$ | async,\n        customPageSubtitle: customPageSubtitle$ | async,\n        compactMode: compactMode$ | async,\n        hasPageActions: hasPageActions$ | async,\n        pageActionsFullWidth: pageActionsFullWidth$ | async\n      } as obs\"\n    >\n      <div\n        *ngIf=\"obs.hasCustomPageSubtitle && !obs.customPageSubtitleSet\"\n        class=\"subtitle-skeleton-container\"\n        [ngClass]=\"{'--compact': obs.compactMode}\"\n      >\n        <cds-skeleton-placeholder></cds-skeleton-placeholder>\n      </div>\n\n      <span\n        *ngIf=\"obs.hasCustomPageSubtitle && obs.customPageSubtitleSet\"\n        [innerHtml]=\"obs.customPageSubtitle\"\n        [title]=\"obs.customPageSubtitle\"\n        class=\"page-subtitle\"\n        [ngClass]=\"{'--compact': obs.compactMode}\"\n      >\n      </span>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".subtitle-container .subtitle-skeleton-container .cds--skeleton__placeholder{height:18px;margin-bottom:8px;width:200px;margin-left:16px}.subtitle-container .subtitle-skeleton-container.--compact .cds--skeleton__placeholder{height:18px;width:60px;margin:0}.subtitle-container .page-subtitle{margin-left:16px;padding-bottom:4px;color:var(--cds-text-helper, #6f6f6f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:18px}.subtitle-container .page-subtitle b{font-weight:bolder}.subtitle-container .page-subtitle.--compact{padding-bottom:0;margin-left:0}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i4.SkeletonPlaceholder, selector: "cds-skeleton-placeholder, ibm-skeleton-placeholder" }, { kind: "ngmodule", type: RenderPageSubtitleDirectiveModule }, { kind: "directive", type: i5.RenderPageSubtitleDirective, selector: "[renderPageSubtitle]" }, { kind: "ngmodule", type: RenderPageHeaderDirectiveModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PageSubtitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-page-subtitle', standalone: true, imports: [
+                        CommonModule,
+                        SkeletonModule,
+                        RenderPageSubtitleDirectiveModule,
+                        RenderPageHeaderDirectiveModule,
+                    ], encapsulation: ViewEncapsulation.None, 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\n<ng-container renderPageSubtitle>\n  <ng-template>\n    <div\n      class=\"subtitle-container\"\n      *ngIf=\"{\n        hasCustomPageSubtitle: hasCustomPageSubtitle$ | async,\n        customPageSubtitleSet: customPageSubtitleSet$ | async,\n        customPageSubtitle: customPageSubtitle$ | async,\n        compactMode: compactMode$ | async,\n        hasPageActions: hasPageActions$ | async,\n        pageActionsFullWidth: pageActionsFullWidth$ | async\n      } as obs\"\n    >\n      <div\n        *ngIf=\"obs.hasCustomPageSubtitle && !obs.customPageSubtitleSet\"\n        class=\"subtitle-skeleton-container\"\n        [ngClass]=\"{'--compact': obs.compactMode}\"\n      >\n        <cds-skeleton-placeholder></cds-skeleton-placeholder>\n      </div>\n\n      <span\n        *ngIf=\"obs.hasCustomPageSubtitle && obs.customPageSubtitleSet\"\n        [innerHtml]=\"obs.customPageSubtitle\"\n        [title]=\"obs.customPageSubtitle\"\n        class=\"page-subtitle\"\n        [ngClass]=\"{'--compact': obs.compactMode}\"\n      >\n      </span>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".subtitle-container .subtitle-skeleton-container .cds--skeleton__placeholder{height:18px;margin-bottom:8px;width:200px;margin-left:16px}.subtitle-container .subtitle-skeleton-container.--compact .cds--skeleton__placeholder{height:18px;width:60px;margin:0}.subtitle-container .page-subtitle{margin-left:16px;padding-bottom:4px;color:var(--cds-text-helper, #6f6f6f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:18px}.subtitle-container .page-subtitle b{font-weight:bolder}.subtitle-container .page-subtitle.--compact{padding-bottom:0;margin-left:0}\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.Router }, { type: i1.ActivatedRoute }, { type: i2.PageTitleService }, { type: i2.PageHeaderService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zdWJ0aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2NvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2Utc3VidGl0bGUvcGFnZS1zdWJ0aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2NvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2Utc3VidGl0bGUvcGFnZS1zdWJ0aXRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUVILE9BQU8sRUFBQyxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsR0FBRyxFQUFjLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFHM0QsT0FBTyxFQUFDLGlDQUFpQyxFQUFDLE1BQU0sNkVBQTZFLENBQUM7QUFDOUgsT0FBTyxFQUFDLCtCQUErQixFQUFDLE1BQU0seUVBQXlFLENBQUM7Ozs7Ozs7QUFleEgsTUFBTSxPQUFPLHFCQUFxQjtJQVloQyxZQUNtQixNQUFjLEVBQ2QsY0FBOEIsRUFDOUIsZ0JBQWtDLEVBQ2xDLGlCQUFvQztRQUhwQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQWZ2QywyQkFBc0IsR0FBd0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNuRixTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQ3BELEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLENBQUMsQ0FDeEMsQ0FBQztRQUNjLG9CQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQztRQUN4RCwwQkFBcUIsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUM7UUFDcEUsMkJBQXNCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHNCQUFzQixDQUFDO1FBQ3RFLHdCQUFtQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FBQztRQUNoRSxpQkFBWSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUM7SUFPaEUsQ0FBQzs4R0FqQk8scUJBQXFCO2tHQUFyQixxQkFBcUIsaUZDdENsQyx3dERBZ0RBLG13Q0RqQkksWUFBWSxxUkFDWixjQUFjLG1KQUNkLGlDQUFpQyw2SEFDakMsK0JBQStCOzsyRkFJdEIscUJBQXFCO2tCQWJqQyxTQUFTOytCQUNFLHVCQUF1QixjQUdyQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGlDQUFpQzt3QkFDakMsK0JBQStCO3FCQUNoQyxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDE1LTIwMjQgUml0ZW5zZSBCViwgdGhlIE5ldGhlcmxhbmRzLlxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIEVVUEwsIFZlcnNpb24gMS4yICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogaHR0cHM6Ly9qb2ludXAuZWMuZXVyb3BhLmV1L2NvbGxlY3Rpb24vZXVwbC9ldXBsLXRleHQtZXVwbC0xMlxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBiYXNpcyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuaW1wb3J0IHtDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtTa2VsZXRvbk1vZHVsZX0gZnJvbSAnY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhcic7XG5pbXBvcnQge21hcCwgT2JzZXJ2YWJsZSwgc3RhcnRXaXRoLCBzd2l0Y2hNYXB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtQYWdlSGVhZGVyU2VydmljZSwgUGFnZVRpdGxlU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHtSZW5kZXJQYWdlU3VidGl0bGVEaXJlY3RpdmVNb2R1bGV9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvcmVuZGVyLXBhZ2Utc3VidGl0bGUvcmVuZGVyLXBhZ2Utc3VidGl0bGUtZGlyZWN0aXZlLm1vZHVsZSc7XG5pbXBvcnQge1JlbmRlclBhZ2VIZWFkZXJEaXJlY3RpdmVNb2R1bGV9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvcmVuZGVyLXBhZ2UtaGVhZGVyL3JlbmRlci1wYWdlLWhlYWRlci1kaXJlY3RpdmUubW9kdWxlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsdGltby1wYWdlLXN1YnRpdGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc3VidGl0bGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLXN1YnRpdGxlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2tlbGV0b25Nb2R1bGUsXG4gICAgUmVuZGVyUGFnZVN1YnRpdGxlRGlyZWN0aXZlTW9kdWxlLFxuICAgIFJlbmRlclBhZ2VIZWFkZXJEaXJlY3RpdmVNb2R1bGUsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VTdWJ0aXRsZUNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBoYXNDdXN0b21QYWdlU3VidGl0bGUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgc3RhcnRXaXRoKHRoaXMucm91dGVyKSxcbiAgICBzd2l0Y2hNYXAoKCkgPT4gdGhpcy5hY3RpdmF0ZWRSb3V0ZS5maXJzdENoaWxkLmRhdGEpLFxuICAgIG1hcChkYXRhID0+ICEhZGF0YT8uY3VzdG9tUGFnZVN1YnRpdGxlKVxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgaGFzUGFnZUFjdGlvbnMkID0gdGhpcy5wYWdlVGl0bGVTZXJ2aWNlLmhhc1BhZ2VBY3Rpb25zJDtcbiAgcHVibGljIHJlYWRvbmx5IHBhZ2VBY3Rpb25zRnVsbFdpZHRoJCA9IHRoaXMucGFnZVRpdGxlU2VydmljZS5wYWdlQWN0aW9uc0Z1bGxXaWR0aCQ7XG4gIHB1YmxpYyByZWFkb25seSBjdXN0b21QYWdlU3VidGl0bGVTZXQkID0gdGhpcy5wYWdlVGl0bGVTZXJ2aWNlLmN1c3RvbVBhZ2VTdWJ0aXRsZVNldCQ7XG4gIHB1YmxpYyByZWFkb25seSBjdXN0b21QYWdlU3VidGl0bGUkID0gdGhpcy5wYWdlVGl0bGVTZXJ2aWNlLmN1c3RvbVBhZ2VTdWJ0aXRsZSQ7XG4gIHB1YmxpYyByZWFkb25seSBjb21wYWN0TW9kZSQgPSB0aGlzLnBhZ2VIZWFkZXJTZXJ2aWNlLmNvbXBhY3RNb2RlJDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcGFnZVRpdGxlU2VydmljZTogUGFnZVRpdGxlU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2VIZWFkZXJTZXJ2aWNlOiBQYWdlSGVhZGVyU2VydmljZVxuICApIHt9XG59XG4iLCI8IS0tXG4gIH4gQ29weXJpZ2h0IDIwMTUtMjAyNCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gIH5cbiAgfiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAgfiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gIH4gWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gIH5cbiAgfiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gIH5cbiAgfiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gIH4gZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICB+IFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICB+IFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgfiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAgLS0+XG5cbjxuZy1jb250YWluZXIgcmVuZGVyUGFnZVN1YnRpdGxlPlxuICA8bmctdGVtcGxhdGU+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJzdWJ0aXRsZS1jb250YWluZXJcIlxuICAgICAgKm5nSWY9XCJ7XG4gICAgICAgIGhhc0N1c3RvbVBhZ2VTdWJ0aXRsZTogaGFzQ3VzdG9tUGFnZVN1YnRpdGxlJCB8IGFzeW5jLFxuICAgICAgICBjdXN0b21QYWdlU3VidGl0bGVTZXQ6IGN1c3RvbVBhZ2VTdWJ0aXRsZVNldCQgfCBhc3luYyxcbiAgICAgICAgY3VzdG9tUGFnZVN1YnRpdGxlOiBjdXN0b21QYWdlU3VidGl0bGUkIHwgYXN5bmMsXG4gICAgICAgIGNvbXBhY3RNb2RlOiBjb21wYWN0TW9kZSQgfCBhc3luYyxcbiAgICAgICAgaGFzUGFnZUFjdGlvbnM6IGhhc1BhZ2VBY3Rpb25zJCB8IGFzeW5jLFxuICAgICAgICBwYWdlQWN0aW9uc0Z1bGxXaWR0aDogcGFnZUFjdGlvbnNGdWxsV2lkdGgkIHwgYXN5bmNcbiAgICAgIH0gYXMgb2JzXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwib2JzLmhhc0N1c3RvbVBhZ2VTdWJ0aXRsZSAmJiAhb2JzLmN1c3RvbVBhZ2VTdWJ0aXRsZVNldFwiXG4gICAgICAgIGNsYXNzPVwic3VidGl0bGUtc2tlbGV0b24tY29udGFpbmVyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyctLWNvbXBhY3QnOiBvYnMuY29tcGFjdE1vZGV9XCJcbiAgICAgID5cbiAgICAgICAgPGNkcy1za2VsZXRvbi1wbGFjZWhvbGRlcj48L2Nkcy1za2VsZXRvbi1wbGFjZWhvbGRlcj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cIm9icy5oYXNDdXN0b21QYWdlU3VidGl0bGUgJiYgb2JzLmN1c3RvbVBhZ2VTdWJ0aXRsZVNldFwiXG4gICAgICAgIFtpbm5lckh0bWxdPVwib2JzLmN1c3RvbVBhZ2VTdWJ0aXRsZVwiXG4gICAgICAgIFt0aXRsZV09XCJvYnMuY3VzdG9tUGFnZVN1YnRpdGxlXCJcbiAgICAgICAgY2xhc3M9XCJwYWdlLXN1YnRpdGxlXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyctLWNvbXBhY3QnOiBvYnMuY29tcGFjdE1vZGV9XCJcbiAgICAgID5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctY29udGFpbmVyPlxuIl19