@ng-vagabond-lab/ng-dsv 0.2.39 → 0.2.42

package/fesm2022/ng-vagabond-lab-ng-dsv-module-news-news.container-BBDrX_yB.mjs

@@ -0,0 +1,182 @@
+import * as i0 from '@angular/core';
+import { input, Component, inject, Injectable, signal, computed, effect } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { BaseRouteContainer } from '@ng-vagabond-lab/ng-dsv/base';
+import { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';
+import { AuthService } from '@ng-vagabond-lab/ng-dsv/module/auth';
+import { DateFormatPipe } from '@ng-vagabond-lab/ng-dsv/date';
+import { DsvCardComponent, DsvCardHeaderComponent } from '@ng-vagabond-lab/ng-dsv/ds/card';
+import { DsvFileShowComponent } from '@ng-vagabond-lab/ng-dsv/ds/file';
+import { DsvMarkdownContainer } from '@ng-vagabond-lab/ng-dsv/ds/markdown';
+import { BaseFetchService } from '@ng-vagabond-lab/ng-dsv/base/service';
+import { StoreMap } from '@ng-vagabond-lab/ng-dsv/storage';
+import { N as NewsListService } from './ng-vagabond-lab-ng-dsv-module-news-news-list.service-C4rdx_5c.mjs';
+
+const _c0 = [[["", 8, "update-button"]]];
+const _c1 = [".update-button"];
+function NewsCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "dsv-file-show", 0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("src", ctx_r0.news()?.image ?? "");
+} }
+function NewsCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "formatDate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" Le ", i0.ɵɵpipeBind2(1, 1, ctx_r0.news()?.creationDate, true), " ");
+} }
+class NewsCardComponent {
+    news = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "news" }] : /* istanbul ignore next */ []));
+    static ɵfac = function NewsCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NewsCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NewsCardComponent, selectors: [["app-news-card"]], inputs: { news: [1, "news"] }, ngContentSelectors: _c1, decls: 10, vars: 6, consts: [["url", "/api/", 3, "src"], ["icon", "ri-arrow-left-s-line", "color", "inherit", "routerLink", "/news", 1, "round"], [1, "subtitle"], [3, "data"]], template: function NewsCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelementStart(0, "dsv-card");
+            i0.ɵɵconditionalCreate(1, NewsCardComponent_Conditional_1_Template, 1, 1, "dsv-file-show", 0);
+            i0.ɵɵelementStart(2, "dsv-card-header");
+            i0.ɵɵelement(3, "dsv-button", 1);
+            i0.ɵɵelementStart(4, "h1");
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "span", 2);
+            i0.ɵɵconditionalCreate(8, NewsCardComponent_Conditional_8_Template, 2, 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(9, "dsv-markdown-container", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.news()?.image ? 1 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("error", !ctx.news()?.active);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.news()?.title);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.news()?.creationDate ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("data", ctx.news()?.description);
+        } }, dependencies: [DsvCardComponent,
+            DsvCardHeaderComponent,
+            DsvButtonComponent,
+            RouterLink,
+            DsvFileShowComponent,
+            DsvMarkdownContainer,
+            DateFormatPipe], styles: ["[_nghost-%COMP%]{display:flex;width:100%;min-height:300px;margin-right:5px;overflow:hidden}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{margin:0}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0 0 5px}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:calc(100% + 20px)}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   .news-image[_ngcontent-%COMP%]{margin:0 0 5px;width:100%}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   dsv-card-header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0 0 10px}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   dsv-card-header[_ngcontent-%COMP%]   dsv-button.round[_ngcontent-%COMP%]{--%NS%button-border-radius: 50%}[_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   dsv-card-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], [_nghost-%COMP%]   dsv-card[_ngcontent-%COMP%]   dsv-card-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%]   dsv-markdown-container[_ngcontent-%COMP%]{margin:20px 0}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewsCardComponent, [{
+        type: Component,
+        args: [{ selector: 'app-news-card', imports: [
+                    DsvCardComponent,
+                    DateFormatPipe,
+                    DsvCardHeaderComponent,
+                    DsvButtonComponent,
+                    RouterLink,
+                    DsvFileShowComponent,
+                    DsvMarkdownContainer,
+                ], template: "<dsv-card>\n    @if (news()?.image) {\n        <dsv-file-show url=\"/api/\" [src]=\"news()?.image ?? ''\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <dsv-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n", styles: [":host{display:flex;width:100%;min-height:300px;margin-right:5px;overflow:hidden}:host dsv-card{position:relative}:host dsv-card h1{margin:0}:host dsv-card h2{margin:0 0 5px}:host dsv-card img{width:calc(100% + 20px)}:host dsv-card .news-image{margin:0 0 5px;width:100%}:host dsv-card dsv-card-header{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0 0 10px}:host dsv-card dsv-card-header dsv-button.round{--button-border-radius: 50%}:host dsv-card dsv-card-header h1,:host dsv-card dsv-card-header h2{flex:1}:host dsv-markdown-container{margin:20px 0}\n"] }]
+    }], null, { news: [{ type: i0.Input, args: [{ isSignal: true, alias: "news", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewsCardComponent, { className: "NewsCardComponent", filePath: "component/card/news-card.component.ts", lineNumber: 24 }); })();
+
+class NewsService extends BaseFetchService {
+    newsListService = inject(NewsListService);
+    news = new StoreMap();
+    doFetchNews(newsId) {
+        const url = '/news/' + newsId;
+        const data = this.getDataFromState(url);
+        if (data) {
+            this.initNews(newsId, data);
+            return;
+        }
+        this.apiService.get(url, (data) => {
+            this.setDataToState(url, data);
+            this.initNews(newsId, data);
+        });
+    }
+    initNews(newsId, data) {
+        this.news.set(newsId, data);
+    }
+    createOrUpdate(news, callback) {
+        const toast = "La news '" + news.title + "' a bien été " + (news.id ? 'mise a jour' : 'créer') + '.';
+        this.apiService.createOrUpdate('news', news, (data) => {
+            this.news.set(data.id, data);
+            this.newsListService.fetchByPage(this.newsListService.search(), 1);
+            callback?.(data);
+        }, toast);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵNewsService_BaseFactory; return function NewsService_Factory(__ngFactoryType__) { return (ɵNewsService_BaseFactory || (ɵNewsService_BaseFactory = i0.ɵɵgetInheritedFactory(NewsService)))(__ngFactoryType__ || NewsService); }; })();
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NewsService, factory: NewsService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewsService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], null, null); })();
+
+function NewsContainer_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "dsv-button", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("routerLink", "/news/update/" + ctx_r0.news()?.id);
+} }
+class NewsContainer extends BaseRouteContainer {
+    auhService = inject(AuthService);
+    newsService = inject(NewsService);
+    newsId = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "newsId" }] : /* istanbul ignore next */ []));
+    news = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "news" }] : /* istanbul ignore next */ []));
+    isAdmin = computed(() => this.auhService.hasRole('ADMIN'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAdmin" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        effect(() => {
+            const newsId = Number(this.routeParams()?.['newsId']);
+            if (Number.isInteger(newsId)) {
+                this.newsId?.set(newsId);
+                if (this.newsService.news.get(newsId)) {
+                    const news = this.newsService.news.get(newsId);
+                    this.seoService.setMeta(news?.title, news?.resume, news?.image);
+                }
+                else if (this.authService.canFetch()) {
+                    this.newsService.doFetchNews(newsId);
+                }
+            }
+        });
+        effect(() => {
+            if (this.newsId() && this.newsService.news.data()) {
+                this.news.set(this.newsService.news.get(this.newsId()));
+            }
+        });
+    }
+    async doShare(news) {
+        await globalThis.navigator.share({
+            title: news.title,
+            text: news.resume,
+            url: 'https://movie-keeper.fr/news/' + news.id,
+        });
+    }
+    static ɵfac = function NewsContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NewsContainer)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NewsContainer, selectors: [["app-news"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "news"], ["color", "secondary", "variant", "outlined", "icon", "ri-share-line", 1, "update-button", 3, "callback"], ["color", "secondary", "variant", "outlined", "icon", "ri-tools-line", 1, "update-button", 3, "routerLink"]], template: function NewsContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "app-news-card", 0)(1, "dsv-button", 1);
+            i0.ɵɵlistener("callback", function NewsContainer_Template_dsv_button_callback_1_listener() { return ctx.doShare(ctx.news()); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(2, NewsContainer_Conditional_2_Template, 1, 1, "dsv-button", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("news", ctx.news());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isAdmin() ? 2 : -1);
+        } }, dependencies: [NewsCardComponent, DsvButtonComponent, RouterLink], styles: ["[_nghost-%COMP%]{display:flex}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewsContainer, [{
+        type: Component,
+        args: [{ selector: 'app-news', imports: [NewsCardComponent, DsvButtonComponent, RouterLink], template: "<app-news-card [news]=\"news()\">\n    <dsv-button\n        class=\"update-button\"\n        color=\"secondary\"\n        variant=\"outlined\"\n        icon=\"ri-share-line\"\n        (callback)=\"doShare(news()!)\"\n    />\n    @if (isAdmin()) {\n        <dsv-button\n            class=\"update-button\"\n            color=\"secondary\"\n            variant=\"outlined\"\n            icon=\"ri-tools-line\"\n            [routerLink]=\"'/news/update/' + news()?.id\"\n        />\n    }\n</app-news-card>\n", styles: [":host{display:flex}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewsContainer, { className: "NewsContainer", filePath: "container/news.container.ts", lineNumber: 16 }); })();
+
+export { NewsContainer };
+//# sourceMappingURL=ng-vagabond-lab-ng-dsv-module-news-news.container-BBDrX_yB.mjs.map

package/fesm2022/ng-vagabond-lab-ng-dsv-module-news-news.container-BBDrX_yB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-module-news-news.container-BBDrX_yB.mjs","sources":["../../../projects/ng-dsv/module/news/component/card/news-card.component.html","../../../projects/ng-dsv/module/news/component/card/news-card.component.ts","../../../projects/ng-dsv/module/news/service/news.service.ts","../../../projects/ng-dsv/module/news/container/news.container.html","../../../projects/ng-dsv/module/news/container/news.container.ts"],"sourcesContent":["<dsv-card>\n    @if (news()?.image) {\n        <dsv-file-show url=\"/api/\" [src]=\"news()?.image ?? ''\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <dsv-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n","import { Component, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { DateFormatPipe } from '@ng-vagabond-lab/ng-dsv/date';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { DsvCardComponent, DsvCardHeaderComponent } from '@ng-vagabond-lab/ng-dsv/ds/card';\nimport { DsvFileShowComponent } from '@ng-vagabond-lab/ng-dsv/ds/file';\nimport { DsvMarkdownContainer } from '@ng-vagabond-lab/ng-dsv/ds/markdown';\nimport { NewsDto } from '../../dto/news.dto';\n\n@Component({\n    selector: 'app-news-card',\n    imports: [\n        DsvCardComponent,\n        DateFormatPipe,\n        DsvCardHeaderComponent,\n        DsvButtonComponent,\n        RouterLink,\n        DsvFileShowComponent,\n        DsvMarkdownContainer,\n    ],\n    templateUrl: './news-card.component.html',\n    styleUrl: './news-card.component.scss',\n})\nexport class NewsCardComponent {\n    readonly news = input<NewsDto>();\n}\n","import { inject, Injectable } from '@angular/core';\nimport { ID } from '@ng-vagabond-lab/ng-dsv/api';\nimport { BaseFetchService } from '@ng-vagabond-lab/ng-dsv/base/service';\nimport { StoreMap } from '@ng-vagabond-lab/ng-dsv/storage';\nimport { NewsDto } from '../dto/news.dto';\nimport { NewsListService } from './list/news-list.service';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class NewsService extends BaseFetchService<NewsDto> {\n    readonly newsListService = inject(NewsListService);\n    readonly news = new StoreMap<ID, NewsDto>();\n\n    doFetchNews(newsId: number): void {\n        const url = '/news/' + newsId;\n        const data = this.getDataFromState(url);\n        if (data) {\n            this.initNews(newsId, data);\n            return;\n        }\n        this.apiService.get<NewsDto>(url, (data) => {\n            this.setDataToState(url, data);\n            this.initNews(newsId, data);\n        });\n    }\n\n    initNews(newsId: ID, data: NewsDto) {\n        this.news.set(newsId, data);\n    }\n\n    createOrUpdate(news: NewsDto, callback?: (data: NewsDto) => void) {\n        const toast = \"La news '\" + news.title + \"' a bien été \" + (news.id ? 'mise a jour' : 'créer') + '.';\n        this.apiService.createOrUpdate<NewsDto>(\n            'news',\n            news,\n            (data) => {\n                this.news.set(data.id, data);\n                this.newsListService.fetchByPage(this.newsListService.search(), 1);\n                callback?.(data);\n            },\n            toast,\n        );\n    }\n}\n","<app-news-card [news]=\"news()\">\n    <dsv-button\n        class=\"update-button\"\n        color=\"secondary\"\n        variant=\"outlined\"\n        icon=\"ri-share-line\"\n        (callback)=\"doShare(news()!)\"\n    />\n    @if (isAdmin()) {\n        <dsv-button\n            class=\"update-button\"\n            color=\"secondary\"\n            variant=\"outlined\"\n            icon=\"ri-tools-line\"\n            [routerLink]=\"'/news/update/' + news()?.id\"\n        />\n    }\n</app-news-card>\n","import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { BaseRouteContainer } from '@ng-vagabond-lab/ng-dsv/base';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { AuthService } from '@ng-vagabond-lab/ng-dsv/module/auth';\nimport { NewsCardComponent } from '../component/card/news-card.component';\nimport { NewsDto } from '../dto/news.dto';\nimport { NewsService } from '../service/news.service';\n\n@Component({\n    selector: 'app-news',\n    imports: [NewsCardComponent, DsvButtonComponent, RouterLink],\n    templateUrl: './news.container.html',\n    styleUrl: './news.container.scss',\n})\nexport class NewsContainer extends BaseRouteContainer {\n    readonly auhService = inject(AuthService);\n    readonly newsService = inject(NewsService);\n\n    readonly newsId = signal<number>(0);\n    readonly news = signal<NewsDto | undefined>(undefined);\n\n    readonly isAdmin = computed<boolean>(() => this.auhService.hasRole('ADMIN'));\n\n    constructor() {\n        super();\n        effect(() => {\n            const newsId = Number(this.routeParams()?.['newsId']);\n            if (Number.isInteger(newsId)) {\n                this.newsId?.set(newsId);\n                if (this.newsService.news.get(newsId)) {\n                    const news = this.newsService.news.get(newsId);\n                    this.seoService.setMeta(news?.title!, news?.resume!, news?.image);\n                } else if (this.authService.canFetch()) {\n                    this.newsService.doFetchNews(newsId);\n                }\n            }\n        });\n        effect(() => {\n            if (this.newsId() && this.newsService.news.data()) {\n                this.news.set(this.newsService.news.get(this.newsId()));\n            }\n        });\n    }\n\n    async doShare(news: NewsDto): Promise<void> {\n        await globalThis.navigator.share({\n            title: news.title,\n            text: news.resume,\n            url: 'https://movie-keeper.fr/news/' + news.id,\n        });\n    }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{ng-vagabond-lab-ng-dsv-module-news-news.container-Ce60PdDH.mjs → ng-vagabond-lab-ng-dsv-module-news-news.container-Dv48TkBy.mjs}

@@ -6,26 +6,29 @@ import { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';
 import { AuthService } from '@ng-vagabond-lab/ng-dsv/module/auth';
 import { DateFormatPipe } from '@ng-vagabond-lab/ng-dsv/date';
 import { DsvCardComponent, DsvCardHeaderComponent } from '@ng-vagabond-lab/ng-dsv/ds/card';
-import { N as NewsMarkdownContainer, a as NewsListService } from './ng-vagabond-lab-ng-dsv-module-news-news-list.service-CVVSV7se.mjs';
+import { DsvFileShowComponent } from '@ng-vagabond-lab/ng-dsv/ds/file';
+import { DsvMarkdownContainer } from '@ng-vagabond-lab/ng-dsv/ds/markdown';
 import { BaseFetchService } from '@ng-vagabond-lab/ng-dsv/base/service';
 import { StoreMap } from '@ng-vagabond-lab/ng-dsv/storage';
+import { N as NewsListService } from './ng-vagabond-lab-ng-dsv-module-news-news-list.service-MB7ocRqE.mjs';
 
 class NewsCardComponent {
     news = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "news" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: NewsCardComponent, isStandalone: true, selector: "app-news-card", inputs: { news: { classPropertyName: "news", publicName: "news", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dsv-card>\n    @if (news()?.image) {\n        <img class=\"news-image\" [src]=\"news()?.image\" alt=\"\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <app-news-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n", styles: [":host{display:flex;min-height:300px;margin-right:5px}:host dsv-card{position:relative}:host dsv-card h1{margin:0}:host dsv-card h2{margin:0 0 5px}:host dsv-card img{width:calc(100% + 20px)}:host dsv-card .news-image{margin:0 0 5px;width:100%}:host dsv-card dsv-card-header{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0 0 10px}:host dsv-card dsv-card-header dsv-button.round{--button-border-radius: 50%}:host dsv-card dsv-card-header h1,:host dsv-card dsv-card-header h2{flex:1}:host app-news-markdown-container{margin:20px 0}\n"], dependencies: [{ kind: "component", type: DsvCardComponent, selector: "dsv-card", inputs: ["border"] }, { kind: "component", type: NewsMarkdownContainer, selector: "app-news-markdown-container", inputs: ["data"] }, { kind: "component", type: DsvCardHeaderComponent, selector: "dsv-card-header" }, { kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "pipe", type: DateFormatPipe, name: "formatDate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NewsCardComponent, isStandalone: true, selector: "app-news-card", inputs: { news: { classPropertyName: "news", publicName: "news", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dsv-card>\n    @if (news()?.image) {\n        <dsv-file-show url=\"/api/\" [src]=\"news()?.image ?? ''\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <dsv-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n", styles: [":host{display:flex;width:100%;min-height:300px;margin-right:5px;overflow:hidden}:host dsv-card{position:relative}:host dsv-card h1{margin:0}:host dsv-card h2{margin:0 0 5px}:host dsv-card img{width:calc(100% + 20px)}:host dsv-card .news-image{margin:0 0 5px;width:100%}:host dsv-card dsv-card-header{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0 0 10px}:host dsv-card dsv-card-header dsv-button.round{--button-border-radius: 50%}:host dsv-card dsv-card-header h1,:host dsv-card dsv-card-header h2{flex:1}:host dsv-markdown-container{margin:20px 0}\n"], dependencies: [{ kind: "component", type: DsvCardComponent, selector: "dsv-card", inputs: ["border"] }, { kind: "component", type: DsvCardHeaderComponent, selector: "dsv-card-header" }, { kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: DsvFileShowComponent, selector: "dsv-file-show", inputs: ["url", "src", "alt"] }, { kind: "component", type: DsvMarkdownContainer, selector: "dsv-markdown-container", inputs: ["data"] }, { kind: "pipe", type: DateFormatPipe, name: "formatDate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-news-card', imports: [
                         DsvCardComponent,
                         DateFormatPipe,
-                        NewsMarkdownContainer,
                         DsvCardHeaderComponent,
                         DsvButtonComponent,
                         RouterLink,
-                    ], template: "<dsv-card>\n    @if (news()?.image) {\n        <img class=\"news-image\" [src]=\"news()?.image\" alt=\"\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <app-news-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n", styles: [":host{display:flex;min-height:300px;margin-right:5px}:host dsv-card{position:relative}:host dsv-card h1{margin:0}:host dsv-card h2{margin:0 0 5px}:host dsv-card img{width:calc(100% + 20px)}:host dsv-card .news-image{margin:0 0 5px;width:100%}:host dsv-card dsv-card-header{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0 0 10px}:host dsv-card dsv-card-header dsv-button.round{--button-border-radius: 50%}:host dsv-card dsv-card-header h1,:host dsv-card dsv-card-header h2{flex:1}:host app-news-markdown-container{margin:20px 0}\n"] }]
+                        DsvFileShowComponent,
+                        DsvMarkdownContainer,
+                    ], template: "<dsv-card>\n    @if (news()?.image) {\n        <dsv-file-show url=\"/api/\" [src]=\"news()?.image ?? ''\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <dsv-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n", styles: [":host{display:flex;width:100%;min-height:300px;margin-right:5px;overflow:hidden}:host dsv-card{position:relative}:host dsv-card h1{margin:0}:host dsv-card h2{margin:0 0 5px}:host dsv-card img{width:calc(100% + 20px)}:host dsv-card .news-image{margin:0 0 5px;width:100%}:host dsv-card dsv-card-header{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0 0 10px}:host dsv-card dsv-card-header dsv-button.round{--button-border-radius: 50%}:host dsv-card dsv-card-header h1,:host dsv-card dsv-card-header h2{flex:1}:host dsv-markdown-container{margin:20px 0}\n"] }]
         }], propDecorators: { news: [{ type: i0.Input, args: [{ isSignal: true, alias: "news", required: false }] }] } });
 
 class NewsService extends BaseFetchService {
@@ -54,10 +57,10 @@ class NewsService extends BaseFetchService {
             callback?.(data);
         }, toast);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -101,13 +104,13 @@ class NewsContainer extends BaseRouteContainer {
             url: 'https://movie-keeper.fr/news/' + news.id,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: NewsContainer, isStandalone: true, selector: "app-news", usesInheritance: true, ngImport: i0, template: "<app-news-card [news]=\"news()\">\n    <dsv-button\n        class=\"update-button\"\n        color=\"secondary\"\n        variant=\"outlined\"\n        icon=\"ri-share-line\"\n        (callback)=\"doShare(news()!)\"\n    />\n    @if (isAdmin()) {\n        <dsv-button\n            class=\"update-button\"\n            color=\"secondary\"\n            variant=\"outlined\"\n            icon=\"ri-tools-line\"\n            [routerLink]=\"'/news/update/' + news()?.id\"\n        />\n    }\n</app-news-card>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: NewsCardComponent, selector: "app-news-card", inputs: ["news"] }, { kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NewsContainer, isStandalone: true, selector: "app-news", usesInheritance: true, ngImport: i0, template: "<app-news-card [news]=\"news()\">\n    <dsv-button\n        class=\"update-button\"\n        color=\"secondary\"\n        variant=\"outlined\"\n        icon=\"ri-share-line\"\n        (callback)=\"doShare(news()!)\"\n    />\n    @if (isAdmin()) {\n        <dsv-button\n            class=\"update-button\"\n            color=\"secondary\"\n            variant=\"outlined\"\n            icon=\"ri-tools-line\"\n            [routerLink]=\"'/news/update/' + news()?.id\"\n        />\n    }\n</app-news-card>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: NewsCardComponent, selector: "app-news-card", inputs: ["news"] }, { kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewsContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NewsContainer, decorators: [{
             type: Component,
             args: [{ selector: 'app-news', imports: [NewsCardComponent, DsvButtonComponent, RouterLink], template: "<app-news-card [news]=\"news()\">\n    <dsv-button\n        class=\"update-button\"\n        color=\"secondary\"\n        variant=\"outlined\"\n        icon=\"ri-share-line\"\n        (callback)=\"doShare(news()!)\"\n    />\n    @if (isAdmin()) {\n        <dsv-button\n            class=\"update-button\"\n            color=\"secondary\"\n            variant=\"outlined\"\n            icon=\"ri-tools-line\"\n            [routerLink]=\"'/news/update/' + news()?.id\"\n        />\n    }\n</app-news-card>\n", styles: [":host{display:flex}\n"] }]
         }], ctorParameters: () => [] });
 
 export { NewsContainer };
-//# sourceMappingURL=ng-vagabond-lab-ng-dsv-module-news-news.container-Ce60PdDH.mjs.map
+//# sourceMappingURL=ng-vagabond-lab-ng-dsv-module-news-news.container-Dv48TkBy.mjs.map

package/fesm2022/ng-vagabond-lab-ng-dsv-module-news-news.container-Dv48TkBy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-module-news-news.container-Dv48TkBy.mjs","sources":["../../../projects/ng-dsv/module/news/component/card/news-card.component.ts","../../../projects/ng-dsv/module/news/component/card/news-card.component.html","../../../projects/ng-dsv/module/news/service/news.service.ts","../../../projects/ng-dsv/module/news/container/news.container.ts","../../../projects/ng-dsv/module/news/container/news.container.html"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { DateFormatPipe } from '@ng-vagabond-lab/ng-dsv/date';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { DsvCardComponent, DsvCardHeaderComponent } from '@ng-vagabond-lab/ng-dsv/ds/card';\nimport { DsvFileShowComponent } from '@ng-vagabond-lab/ng-dsv/ds/file';\nimport { DsvMarkdownContainer } from '@ng-vagabond-lab/ng-dsv/ds/markdown';\nimport { NewsDto } from '../../dto/news.dto';\n\n@Component({\n    selector: 'app-news-card',\n    imports: [\n        DsvCardComponent,\n        DateFormatPipe,\n        DsvCardHeaderComponent,\n        DsvButtonComponent,\n        RouterLink,\n        DsvFileShowComponent,\n        DsvMarkdownContainer,\n    ],\n    templateUrl: './news-card.component.html',\n    styleUrl: './news-card.component.scss',\n})\nexport class NewsCardComponent {\n    readonly news = input<NewsDto>();\n}\n","<dsv-card>\n    @if (news()?.image) {\n        <dsv-file-show url=\"/api/\" [src]=\"news()?.image ?? ''\" />\n    }\n    <dsv-card-header>\n        <dsv-button class=\"round\" icon=\"ri-arrow-left-s-line\" color=\"inherit\" routerLink=\"/news\" />\n        <h1 [class.error]=\"!news()?.active\">{{ news()?.title }}</h1>\n        <ng-content select=\".update-button\"></ng-content>\n    </dsv-card-header>\n    <span class=\"subtitle\">\n        @if (news()?.creationDate) {\n            Le {{ news()?.creationDate! | formatDate: true }}\n        }\n    </span>\n    <dsv-markdown-container [data]=\"news()?.description\" />\n</dsv-card>\n","import { inject, Injectable } from '@angular/core';\nimport { ID } from '@ng-vagabond-lab/ng-dsv/api';\nimport { BaseFetchService } from '@ng-vagabond-lab/ng-dsv/base/service';\nimport { StoreMap } from '@ng-vagabond-lab/ng-dsv/storage';\nimport { NewsDto } from '../dto/news.dto';\nimport { NewsListService } from './list/news-list.service';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class NewsService extends BaseFetchService<NewsDto> {\n    readonly newsListService = inject(NewsListService);\n    readonly news = new StoreMap<ID, NewsDto>();\n\n    doFetchNews(newsId: number): void {\n        const url = '/news/' + newsId;\n        const data = this.getDataFromState(url);\n        if (data) {\n            this.initNews(newsId, data);\n            return;\n        }\n        this.apiService.get<NewsDto>(url, (data) => {\n            this.setDataToState(url, data);\n            this.initNews(newsId, data);\n        });\n    }\n\n    initNews(newsId: ID, data: NewsDto) {\n        this.news.set(newsId, data);\n    }\n\n    createOrUpdate(news: NewsDto, callback?: (data: NewsDto) => void) {\n        const toast = \"La news '\" + news.title + \"' a bien été \" + (news.id ? 'mise a jour' : 'créer') + '.';\n        this.apiService.createOrUpdate<NewsDto>(\n            'news',\n            news,\n            (data) => {\n                this.news.set(data.id, data);\n                this.newsListService.fetchByPage(this.newsListService.search(), 1);\n                callback?.(data);\n            },\n            toast,\n        );\n    }\n}\n","import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { BaseRouteContainer } from '@ng-vagabond-lab/ng-dsv/base';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { AuthService } from '@ng-vagabond-lab/ng-dsv/module/auth';\nimport { NewsCardComponent } from '../component/card/news-card.component';\nimport { NewsDto } from '../dto/news.dto';\nimport { NewsService } from '../service/news.service';\n\n@Component({\n    selector: 'app-news',\n    imports: [NewsCardComponent, DsvButtonComponent, RouterLink],\n    templateUrl: './news.container.html',\n    styleUrl: './news.container.scss',\n})\nexport class NewsContainer extends BaseRouteContainer {\n    readonly auhService = inject(AuthService);\n    readonly newsService = inject(NewsService);\n\n    readonly newsId = signal<number>(0);\n    readonly news = signal<NewsDto | undefined>(undefined);\n\n    readonly isAdmin = computed<boolean>(() => this.auhService.hasRole('ADMIN'));\n\n    constructor() {\n        super();\n        effect(() => {\n            const newsId = Number(this.routeParams()?.['newsId']);\n            if (Number.isInteger(newsId)) {\n                this.newsId?.set(newsId);\n                if (this.newsService.news.get(newsId)) {\n                    const news = this.newsService.news.get(newsId);\n                    this.seoService.setMeta(news?.title!, news?.resume!, news?.image);\n                } else if (this.authService.canFetch()) {\n                    this.newsService.doFetchNews(newsId);\n                }\n            }\n        });\n        effect(() => {\n            if (this.newsId() && this.newsService.news.data()) {\n                this.news.set(this.newsService.news.get(this.newsId()));\n            }\n        });\n    }\n\n    async doShare(news: NewsDto): Promise<void> {\n        await globalThis.navigator.share({\n            title: news.title,\n            text: news.resume,\n            url: 'https://movie-keeper.fr/news/' + news.id,\n        });\n    }\n}\n","<app-news-card [news]=\"news()\">\n    <dsv-button\n        class=\"update-button\"\n        color=\"secondary\"\n        variant=\"outlined\"\n        icon=\"ri-share-line\"\n        (callback)=\"doShare(news()!)\"\n    />\n    @if (isAdmin()) {\n        <dsv-button\n            class=\"update-button\"\n            color=\"secondary\"\n            variant=\"outlined\"\n            icon=\"ri-tools-line\"\n            [routerLink]=\"'/news/update/' + news()?.id\"\n        />\n    }\n</app-news-card>\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-vagabond-lab-ng-dsv-module-news.mjs

@@ -3,21 +3,21 @@ import { authGuard } from '@ng-vagabond-lab/ng-dsv/module/auth';
 const NewsRoute = [
     {
         path: '',
-        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news-list.container-CkUQEI5Q.mjs').then((m) => m.NewsListContainer),
+        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news-list.container-dRUMZot2.mjs').then((m) => m.NewsListContainer),
     },
     {
         path: 'create',
-        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news-form.container-CGfhZFgr.mjs').then((m) => m.NewsFormContainer),
+        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news-form.container-B89sqBxq.mjs').then((m) => m.NewsFormContainer),
         canActivate: [authGuard('ADMIN')],
     },
     {
         path: 'update/:newsId',
-        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news-form.container-CGfhZFgr.mjs').then((m) => m.NewsFormContainer),
+        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news-form.container-B89sqBxq.mjs').then((m) => m.NewsFormContainer),
         canActivate: [authGuard('ADMIN')],
     },
     {
         path: ':newsId',
-        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news.container-Ce60PdDH.mjs').then((m) => m.NewsContainer),
+        loadComponent: () => import('./ng-vagabond-lab-ng-dsv-module-news-news.container-Dv48TkBy.mjs').then((m) => m.NewsContainer),
     },
 ];
 

package/fesm2022/ng-vagabond-lab-ng-dsv-module-notification.mjs

@@ -41,10 +41,10 @@ class NotificationComponent {
     triggerCheckbox() {
         this.checkboxRef()?.nativeElement.querySelector('input').click();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: NotificationComponent, isStandalone: true, selector: "app-notification", inputs: { notification: { classPropertyName: "notification", publicName: "notification", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "callback" }, viewQueries: [{ propertyName: "checkboxRef", first: true, predicate: ["checkbox"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!readonly()) {\n    <div #checkbox>\n        <dsv-form-signal-checkbox\n            [form]=\"readForm\"\n            fieldName=\"read\"\n            [withLabel]=\"false\"\n            (callbackChange)=\"callback.emit(notification()!)\"\n        />\n    </div>\n}\n\n<div\n    class=\"notification-content\"\n    [class.readonly]=\"readonly()\"\n    (click)=\"triggerCheckbox()\"\n    (keyup)=\"triggerCheckbox()\"\n>\n    <b [class.read]=\"!notification()?.read && !readonly()\">\n        <span class=\"subtitle\">{{ notification()?.creationDate! | formatDate: true }} : </span>\n        {{ notification()?.title }}\n    </b>\n    <span>{{ notification()?.message }}</span>\n</div>\n\n@if (!readonly()) {\n    <dsv-button icon=\"ri-external-link-line\" color=\"secondary\" [routerLink]=\"url()\" [prevent]=\"false\" />\n}\n", styles: [":host{display:flex;flex-direction:row;gap:15px;background:var(--background-card);padding:10px;border-bottom:1px solid var(--border);align-items:center}:host .notification-content{cursor:pointer;display:flex;flex-direction:column;gap:5px;flex:1}:host .notification-content b{margin:5px 0}:host .notification-content.readonly{cursor:default}:host .notification-content .read{color:var(--secondary)}:host dsv-form-signal-checkbox{padding:0!important;margin-bottom:0!important;max-width:30px}:host dsv-button{--button-border-radius: 50%}\n"], dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: DsvFormSignalCheckboxComponent, selector: "dsv-form-signal-checkbox" }, { kind: "pipe", type: DateFormatPipe, name: "formatDate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NotificationComponent, isStandalone: true, selector: "app-notification", inputs: { notification: { classPropertyName: "notification", publicName: "notification", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "callback" }, viewQueries: [{ propertyName: "checkboxRef", first: true, predicate: ["checkbox"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!readonly()) {\n    <div #checkbox>\n        <dsv-form-signal-checkbox\n            [form]=\"readForm\"\n            fieldName=\"read\"\n            [withLabel]=\"false\"\n            (callbackChange)=\"callback.emit(notification()!)\"\n        />\n    </div>\n}\n\n<div\n    class=\"notification-content\"\n    [class.readonly]=\"readonly()\"\n    (click)=\"triggerCheckbox()\"\n    (keyup)=\"triggerCheckbox()\"\n>\n    <b [class.read]=\"!notification()?.read && !readonly()\">\n        <span class=\"subtitle\">{{ notification()?.creationDate! | formatDate: true }} : </span>\n        {{ notification()?.title }}\n    </b>\n    <span>{{ notification()?.message }}</span>\n</div>\n\n@if (!readonly()) {\n    <dsv-button icon=\"ri-external-link-line\" color=\"secondary\" [routerLink]=\"url()\" [prevent]=\"false\" />\n}\n", styles: [":host{display:flex;flex-direction:row;gap:15px;background:var(--background-card);padding:10px;border-bottom:1px solid var(--border);align-items:center}:host .notification-content{cursor:pointer;display:flex;flex-direction:column;gap:5px;flex:1}:host .notification-content b{margin:5px 0}:host .notification-content.readonly{cursor:default}:host .notification-content .read{color:var(--secondary)}:host dsv-form-signal-checkbox{padding:0!important;margin-bottom:0!important;max-width:30px}:host dsv-button{--button-border-radius: 50%}\n"], dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: DsvFormSignalCheckboxComponent, selector: "dsv-form-signal-checkbox" }, { kind: "pipe", type: DateFormatPipe, name: "formatDate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-notification', imports: [DateFormatPipe, DsvButtonComponent, RouterLink, DsvFormSignalCheckboxComponent], template: "@if (!readonly()) {\n    <div #checkbox>\n        <dsv-form-signal-checkbox\n            [form]=\"readForm\"\n            fieldName=\"read\"\n            [withLabel]=\"false\"\n            (callbackChange)=\"callback.emit(notification()!)\"\n        />\n    </div>\n}\n\n<div\n    class=\"notification-content\"\n    [class.readonly]=\"readonly()\"\n    (click)=\"triggerCheckbox()\"\n    (keyup)=\"triggerCheckbox()\"\n>\n    <b [class.read]=\"!notification()?.read && !readonly()\">\n        <span class=\"subtitle\">{{ notification()?.creationDate! | formatDate: true }} : </span>\n        {{ notification()?.title }}\n    </b>\n    <span>{{ notification()?.message }}</span>\n</div>\n\n@if (!readonly()) {\n    <dsv-button icon=\"ri-external-link-line\" color=\"secondary\" [routerLink]=\"url()\" [prevent]=\"false\" />\n}\n", styles: [":host{display:flex;flex-direction:row;gap:15px;background:var(--background-card);padding:10px;border-bottom:1px solid var(--border);align-items:center}:host .notification-content{cursor:pointer;display:flex;flex-direction:column;gap:5px;flex:1}:host .notification-content b{margin:5px 0}:host .notification-content.readonly{cursor:default}:host .notification-content .read{color:var(--secondary)}:host dsv-form-signal-checkbox{padding:0!important;margin-bottom:0!important;max-width:30px}:host dsv-button{--button-border-radius: 50%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { notification: [{ type: i0.Input, args: [{ isSignal: true, alias: "notification", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], callback: [{ type: i0.Output, args: ["callback"] }], checkboxRef: [{ type: i0.ViewChild, args: ['checkbox', { isSignal: true }] }] } });
@@ -54,10 +54,10 @@ class NotificationSearchService extends BaseSearchService {
     getEndPoint() {
         return '/notification/search';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationSearchService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationSearchService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationSearchService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationSearchService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationSearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationSearchService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -88,10 +88,10 @@ class NotificationService extends BaseApiService {
             this.nbRead.update((nb) => nb + (notification.read ? -1 : 1));
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -115,10 +115,10 @@ class NotificationButtonContainer {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationButtonContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: NotificationButtonContainer, isStandalone: true, selector: "app-notification-button-container", ngImport: i0, template: "@if (nbRead()) {\n    <dsv-chip color=\"secondary\" [text]=\"nbRead()\" routerLink=\"/notification\" />\n}\n<dsv-button\n    icon=\"ri-notification-line\"\n    routerLink=\"/notification\"\n    variant=\"text\"\n    color=\"inherit\"\n    [prevent]=\"false\"\n/>\n", styles: [":host{position:relative}:host dsv-chip{cursor:pointer;position:absolute;top:-5px;right:-5px;z-index:1;padding:1px 5px;min-width:10px;border-radius:15px;font-size:.9rem;font-weight:300}\n"], dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "component", type: DsvChipComponent, selector: "dsv-chip", inputs: ["text"], outputs: ["delete"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationButtonContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NotificationButtonContainer, isStandalone: true, selector: "app-notification-button-container", ngImport: i0, template: "@if (nbRead()) {\n    <dsv-chip color=\"secondary\" [text]=\"nbRead()\" routerLink=\"/notification\" />\n}\n<dsv-button\n    icon=\"ri-notification-line\"\n    routerLink=\"/notification\"\n    variant=\"text\"\n    color=\"inherit\"\n    [prevent]=\"false\"\n/>\n", styles: [":host{position:relative}:host dsv-chip{cursor:pointer;position:absolute;top:-5px;right:-5px;z-index:1;padding:1px 5px;min-width:10px;border-radius:15px;font-size:.9rem;font-weight:300}\n"], dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "routerLink", "icon", "iconEnd", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "component", type: DsvChipComponent, selector: "dsv-chip", inputs: ["text"], outputs: ["delete"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationButtonContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationButtonContainer, decorators: [{
             type: Component,
             args: [{ selector: 'app-notification-button-container', imports: [DsvButtonComponent, DsvChipComponent, RouterLink], template: "@if (nbRead()) {\n    <dsv-chip color=\"secondary\" [text]=\"nbRead()\" routerLink=\"/notification\" />\n}\n<dsv-button\n    icon=\"ri-notification-line\"\n    routerLink=\"/notification\"\n    variant=\"text\"\n    color=\"inherit\"\n    [prevent]=\"false\"\n/>\n", styles: [":host{position:relative}:host dsv-chip{cursor:pointer;position:absolute;top:-5px;right:-5px;z-index:1;padding:1px 5px;min-width:10px;border-radius:15px;font-size:.9rem;font-weight:300}\n"] }]
         }], ctorParameters: () => [] });
@@ -142,10 +142,10 @@ class NotificationContainer extends BaseSearchContainer {
             ]);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationContainer, deps: [{ token: NotificationSearchService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: NotificationContainer, isStandalone: true, selector: "app-notification-container", usesInheritance: true, ngImport: i0, template: "<dsv-card>\n    <div class=\"notification-header\">\n        <h2>\n            Notifications\n            @if (notificationSearchService.total()) {\n                <span> ({{ notificationSearchService.total() }})</span>\n            }\n        </h2>\n        <dsv-modal-button\n            modalName=\"notification-read-all\"\n            text=\"Tout lire ({{ notificationService.nbRead() }})\"\n            color=\"secondary\"\n            variant=\"outlined\"\n        ></dsv-modal-button>\n        <dsv-modal-alert\n            id=\"notification-read-all\"\n            titleText=\"Lire toutes les notifications\"\n            text=\"Voulez-vous vraiment lire toute les notifications ?\"\n            button=\"Oui\"\n            buttonClose=\"Non\"\n            (callback)=\"doReadAll()\"\n        ></dsv-modal-alert>\n    </div>\n    <div>\n        <dsv-form-reactive-searchbar\n            [search]=\"notificationSearchService.search()\"\n            (callbackSearch)=\"doSearch($event)\"\n        />\n    </div>\n</dsv-card>\n\n@if (\n    notificationSearchService.notifications().length === 0 &&\n    (!notificationSearchService.isLoading() || notificationSearchService.stopFetch())\n) {\n    <dsv-card>\n        <p>Aucun r\u00E9sultat trouv\u00E9</p>\n    </dsv-card>\n} @else {\n    <dsv-scroll-infinite [loading]=\"notificationSearchService.isLoading()\" (callback)=\"doFetch()\">\n        @for (notification of notificationSearchService.notifications(); track notification.id) {\n            <app-notification [notification]=\"notification\" (callback)=\"doRead($event)\" />\n        }\n    </dsv-scroll-infinite>\n}\n", styles: [":host{display:flex;overflow:hidden;flex-direction:column}:host dsv-card{margin:0 5px 5px;width:calc(100% - 10px);gap:10px}:host dsv-card h2{margin:0}:host dsv-card dsv-form-reactive-searchbar{margin:0}:host .notification-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}:host dsv-scroll-infinite{flex-direction:column;border-radius:5px}\n"], dependencies: [{ kind: "component", type: DsvCardComponent, selector: "dsv-card", inputs: ["border"] }, { kind: "component", type: DsvScrollInfiniteContainer, selector: "dsv-scroll-infinite", inputs: ["bottomOffset", "loading", "id"], outputs: ["callback"] }, { kind: "component", type: NotificationComponent, selector: "app-notification", inputs: ["notification", "readonly"], outputs: ["callback"] }, { kind: "component", type: DsvModalAlertComponent, selector: "dsv-modal-alert", inputs: ["id", "titleText", "text", "button", "buttonClose"], outputs: ["callback"] }, { kind: "component", type: DsvModalButtonComponent, selector: "dsv-modal-button", inputs: ["modalName", "icon", "variant", "text", "color"], outputs: ["callback"] }, { kind: "component", type: DsvFormReactiveSearchbarComponent, selector: "dsv-form-reactive-searchbar", inputs: ["search"], outputs: ["callbackSearch"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationContainer, deps: [{ token: NotificationSearchService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NotificationContainer, isStandalone: true, selector: "app-notification-container", usesInheritance: true, ngImport: i0, template: "<dsv-card>\n    <div class=\"notification-header\">\n        <h2>\n            Notifications\n            @if (notificationSearchService.total()) {\n                <span> ({{ notificationSearchService.total() }})</span>\n            }\n        </h2>\n        <dsv-modal-button\n            modalName=\"notification-read-all\"\n            text=\"Tout lire ({{ notificationService.nbRead() }})\"\n            color=\"secondary\"\n            variant=\"outlined\"\n        ></dsv-modal-button>\n        <dsv-modal-alert\n            id=\"notification-read-all\"\n            titleText=\"Lire toutes les notifications\"\n            text=\"Voulez-vous vraiment lire toute les notifications ?\"\n            button=\"Oui\"\n            buttonClose=\"Non\"\n            (callback)=\"doReadAll()\"\n        ></dsv-modal-alert>\n    </div>\n    <div>\n        <dsv-form-reactive-searchbar\n            [search]=\"notificationSearchService.search()\"\n            (callbackSearch)=\"doSearch($event)\"\n        />\n    </div>\n</dsv-card>\n\n@if (\n    notificationSearchService.notifications().length === 0 &&\n    (!notificationSearchService.isLoading() || notificationSearchService.stopFetch())\n) {\n    <dsv-card>\n        <p>Aucun r\u00E9sultat trouv\u00E9</p>\n    </dsv-card>\n} @else {\n    <dsv-scroll-infinite [loading]=\"notificationSearchService.isLoading()\" (callback)=\"doFetch()\">\n        @for (notification of notificationSearchService.notifications(); track notification.id) {\n            <app-notification [notification]=\"notification\" (callback)=\"doRead($event)\" />\n        }\n    </dsv-scroll-infinite>\n}\n", styles: [":host{display:flex;overflow:hidden;flex-direction:column}:host dsv-card{margin:0 5px 5px;width:calc(100% - 10px);gap:10px}:host dsv-card h2{margin:0}:host dsv-card dsv-form-reactive-searchbar{margin:0}:host .notification-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}:host dsv-scroll-infinite{flex-direction:column;border-radius:5px}\n"], dependencies: [{ kind: "component", type: DsvCardComponent, selector: "dsv-card", inputs: ["border"] }, { kind: "component", type: DsvScrollInfiniteContainer, selector: "dsv-scroll-infinite", inputs: ["bottomOffset", "loading", "id"], outputs: ["callback"] }, { kind: "component", type: NotificationComponent, selector: "app-notification", inputs: ["notification", "readonly"], outputs: ["callback"] }, { kind: "component", type: DsvModalAlertComponent, selector: "dsv-modal-alert", inputs: ["id", "titleText", "text", "button", "buttonClose"], outputs: ["callback"] }, { kind: "component", type: DsvModalButtonComponent, selector: "dsv-modal-button", inputs: ["modalName", "icon", "variant", "text", "color"], outputs: ["callback"] }, { kind: "component", type: DsvFormReactiveSearchbarComponent, selector: "dsv-form-reactive-searchbar", inputs: ["search"], outputs: ["callbackSearch"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NotificationContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NotificationContainer, decorators: [{
             type: Component,
             args: [{ selector: 'app-notification-container', imports: [
                         DsvCardComponent,

package/fesm2022/ng-vagabond-lab-ng-dsv-platform.mjs

@@ -18,10 +18,10 @@ class PlatformService {
     isPlatformBrowser() {
         return isPlatformBrowser(this.platformId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PlatformService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PlatformService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: PlatformService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: PlatformService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PlatformService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: PlatformService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/ng-vagabond-lab-ng-dsv-router.mjs

@@ -14,10 +14,10 @@ class RouterExternalPipe {
         event.stopPropagation();
         this.dsvLinkExternal.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterExternalPipe, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: RouterExternalPipe, isStandalone: true, selector: "a[dsvLinkExternal]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dsvLinkExternal: "dsvLinkExternal" }, host: { attributes: { "target": "_blank", "rel": "noopener noreferrer" }, listeners: { "click": "onClick($event)" }, properties: { "class": "color() + ' text bold'" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterExternalPipe, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: RouterExternalPipe, isStandalone: true, selector: "a[dsvLinkExternal]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dsvLinkExternal: "dsvLinkExternal" }, host: { attributes: { "target": "_blank", "rel": "noopener noreferrer" }, listeners: { "click": "onClick($event)" }, properties: { "class": "color() + ' text bold'" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterExternalPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterExternalPipe, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[dsvLinkExternal]',
@@ -45,10 +45,10 @@ class RouterInternalPipe {
             this.dsvLink.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterInternalPipe, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: RouterInternalPipe, isStandalone: true, selector: "a[dsvLink]", outputs: { dsvLink: "dsvLink" }, host: { listeners: { "click": "onClick($event)" }, classAttribute: "text" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterInternalPipe, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: RouterInternalPipe, isStandalone: true, selector: "a[dsvLink]", outputs: { dsvLink: "dsvLink" }, host: { listeners: { "click": "onClick($event)" }, classAttribute: "text" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterInternalPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterInternalPipe, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[dsvLink]',
@@ -100,10 +100,10 @@ class RouterService {
     goBack() {
         this.location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RouterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/ng-vagabond-lab-ng-dsv-storage.mjs

@@ -37,10 +37,10 @@ class StorageService {
             localStorage.clear();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: StorageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: StorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -92,7 +92,10 @@ class StoreMap {
             const existing = map.get(key);
             if (!existing)
                 return map;
-            return new Map(map).set(key, { ...existing, ...partial });
+            const updatedValue = Array.isArray(existing) && Array.isArray(partial)
+                ? [...existing, ...partial]
+                : { ...existing, ...partial };
+            return new Map(map).set(key, updatedValue);
         });
     }
     setMany(entries) {