ng-prime-tools 1.1.22 → 1.1.23

package/fesm2022/ng-prime-tools.mjs

@@ -12582,13 +12582,17 @@ class PTReleaseNotesPageComponent {
          */
         this.totalAllRecords = 0;
         /**
-         * Current zero-based page.
+         * Current zero-based server page.
          */
         this.page = 0;
         /**
          * Current server page size.
          */
         this.rows = 10;
+        /**
+         * Available server page sizes.
+         */
+        this.rowsPerPageOptions = [5, 10, 20, 50];
         this.config = {};
         this.queryChange = new EventEmitter();
         this.searchText = '';
@@ -12600,6 +12604,7 @@ class PTReleaseNotesPageComponent {
             .pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$))
             .subscribe(() => {
             this.page = 0;
+            this.collapseAllDetails();
             this.emitQueryChange();
         });
     }
@@ -12711,7 +12716,14 @@ class PTReleaseNotesPageComponent {
         return 'pi pi-sparkles';
     }
     getRowsPerPageOptions() {
-        return [5, 10, 20, 50];
+        const values = (this.rowsPerPageOptions ?? [])
+            .filter((value) => Number.isFinite(value) && value > 0)
+            .map((value) => Math.floor(value));
+        const uniqueValues = Array.from(new Set(values));
+        if (this.rows > 0 && !uniqueValues.includes(this.rows)) {
+            uniqueValues.push(this.rows);
+        }
+        return uniqueValues.sort((a, b) => a - b);
     }
     showCurrentPageReport() {
         return true;
@@ -12733,6 +12745,7 @@ class PTReleaseNotesPageComponent {
         }
         this.selectedFilter = filter;
         this.page = 0;
+        this.collapseAllDetails();
         this.emitQueryChange();
     }
     isFilterSelected(filter) {
@@ -12748,13 +12761,37 @@ class PTReleaseNotesPageComponent {
         }
         this.searchText = '';
         this.page = 0;
+        this.collapseAllDetails();
         this.emitQueryChange();
     }
+    /**
+     * PrimeNG server-side pagination.
+     *
+     * Important:
+     * - changing only the page -> use event.page
+     * - changing rows per page -> reset to page 0
+     *
+     * Resetting on size change avoids keeping an offset
+     * calculated from the previous page size.
+     */
     onPageChange(event) {
-        const nextRows = event.rows ?? this.rows;
-        const nextFirst = event.first ?? 0;
-        this.rows = nextRows > 0 ? nextRows : this.rows;
-        this.page = this.rows > 0 ? Math.floor(nextFirst / this.rows) : 0;
+        const previousRows = Math.max(1, this.rows);
+        const nextRows = event.rows !== undefined && event.rows !== null && event.rows > 0
+            ? event.rows
+            : previousRows;
+        const rowsChanged = nextRows !== previousRows;
+        this.rows = nextRows;
+        if (rowsChanged) {
+            this.page = 0;
+        }
+        else if (event.page !== undefined && event.page !== null) {
+            this.page = Math.max(0, event.page);
+        }
+        else {
+            const nextFirst = event.first ?? 0;
+            this.page = Math.max(0, Math.floor(nextFirst / this.rows));
+        }
+        this.collapseAllDetails();
         this.emitQueryChange();
     }
     getReleaseClasses(release) {
@@ -12771,13 +12808,14 @@ class PTReleaseNotesPageComponent {
         return classes.join(' ');
     }
     getNewCount(release) {
-        return release.newCount ?? 0;
+        return release.newCount ?? this.getDetailsByType(release, 'NEW').length;
     }
     getImprovementCount(release) {
-        return release.improvementCount ?? 0;
+        return (release.improvementCount ??
+            this.getDetailsByType(release, 'IMPROVEMENT').length);
     }
     getBugFixCount(release) {
-        return release.bugFixCount ?? 0;
+        return (release.bugFixCount ?? this.getDetailsByType(release, 'BUG_FIX').length);
     }
     getTotalChangesCount(release) {
         return (this.getNewCount(release) +
@@ -12797,11 +12835,17 @@ class PTReleaseNotesPageComponent {
         return this.getBugFixCount(release) > 0;
     }
     hasDetails(release) {
-        return (release.details ?? []).length > 0;
+        return this.getDetails(release).length > 0;
     }
     getDetails(release) {
         return release.details ?? [];
     }
+    getDetailsByType(release, type) {
+        return this.getDetails(release).filter((detail) => detail.type === type);
+    }
+    hasDetailsByType(release, type) {
+        return this.getDetailsByType(release, type).length > 0;
+    }
     isDetailsExpanded(release) {
         return this.expandedReleaseIds.has(String(release.id));
     }
@@ -12816,6 +12860,43 @@ class PTReleaseNotesPageComponent {
         }
         this.expandedReleaseIds.add(releaseId);
     }
+    hasExpandableReleases() {
+        return this.getDisplayedReleases().some((release) => !release.disabled && this.hasDetails(release));
+    }
+    areAllDetailsExpanded() {
+        const expandableReleases = this.getDisplayedReleases().filter((release) => !release.disabled && this.hasDetails(release));
+        if (expandableReleases.length === 0) {
+            return false;
+        }
+        return expandableReleases.every((release) => this.expandedReleaseIds.has(String(release.id)));
+    }
+    toggleAllDetails() {
+        if (!this.hasExpandableReleases()) {
+            return;
+        }
+        if (this.areAllDetailsExpanded()) {
+            this.collapseAllDetails();
+            return;
+        }
+        this.expandAllDetails();
+    }
+    expandAllDetails() {
+        this.getDisplayedReleases().forEach((release) => {
+            if (release.disabled || !this.hasDetails(release)) {
+                return;
+            }
+            this.expandedReleaseIds.add(String(release.id));
+        });
+    }
+    collapseAllDetails() {
+        this.expandedReleaseIds.clear();
+    }
+    getToggleAllDetailsText() {
+        if (this.areAllDetailsExpanded()) {
+            return this.language === 'FR' ? 'Tout réduire' : 'Collapse all';
+        }
+        return this.language === 'FR' ? 'Tout développer' : 'Expand all';
+    }
     getDetailsButtonText(release) {
         return this.isDetailsExpanded(release)
             ? this.resolvedConfig.hideDetailsText
@@ -12837,29 +12918,41 @@ class PTReleaseNotesPageComponent {
         }
     }
     getDetailTypeLabel(detail) {
-        switch (detail.type) {
+        return this.getDetailTypeSectionLabel(detail.type);
+    }
+    getDetailTypeSectionLabel(type) {
+        switch (type) {
             case 'NEW':
                 return this.resolvedConfig.newLabel;
             case 'IMPROVEMENT':
                 return this.resolvedConfig.improvementLabel;
             case 'BUG_FIX':
                 return this.resolvedConfig.bugFixLabel;
-            default:
-                return '';
         }
     }
-    getDetailClass(detail) {
-        switch (detail.type) {
+    getDetailTypeSectionIcon(type) {
+        switch (type) {
+            case 'NEW':
+                return 'pi pi-plus-circle';
+            case 'IMPROVEMENT':
+                return 'pi pi-arrow-up-right';
+            case 'BUG_FIX':
+                return 'pi pi-wrench';
+        }
+    }
+    getDetailTypeSectionClass(type) {
+        switch (type) {
             case 'NEW':
                 return 'new';
             case 'IMPROVEMENT':
                 return 'improvement';
             case 'BUG_FIX':
                 return 'bug-fix';
-            default:
-                return '';
         }
     }
+    getDetailClass(detail) {
+        return this.getDetailTypeSectionClass(detail.type);
+    }
     onDetailClick(detail, event) {
         event.stopPropagation();
         if (detail.disabled || !detail.link?.trim()) {
@@ -12877,11 +12970,11 @@ class PTReleaseNotesPageComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PTReleaseNotesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PTReleaseNotesPageComponent, isStandalone: false, selector: "pt-release-notes-page", inputs: { releases: "releases", loading: "loading", totalRecords: "totalRecords", totalAllRecords: "totalAllRecords", totalUnreadRecords: "totalUnreadRecords", totalReadRecords: "totalReadRecords", page: "page", rows: "rows", config: "config" }, outputs: { queryChange: "queryChange" }, ngImport: i0, template: "@if (resolvedConfig.visible) {\n  <div class=\"pt-release-notes-page\">\n    <div class=\"pt-release-notes-page-header\">\n      <div class=\"pt-release-notes-page-heading\">\n        <div class=\"pt-release-notes-page-title-row\">\n          <div class=\"pt-release-notes-page-title-icon\">\n            <i [class]=\"resolvedConfig.icon\"></i>\n          </div>\n\n          <div>\n            <h2 class=\"pt-release-notes-page-title\">\n              {{ getTitle() }}\n            </h2>\n\n            <div class=\"pt-release-notes-page-subtitle\">\n              {{ getSubtitle() }}\n            </div>\n          </div>\n        </div>\n\n        @if (showCounters()) {\n          <div class=\"pt-release-notes-page-counters\">\n            <span class=\"pt-release-notes-page-counter\">\n              {{ getTotalCount() }}\n              version(s)\n            </span>\n\n            @if (getUnreadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter unread\">\n                {{ getUnreadCount() }}\n                non lue(s)\n              </span>\n            }\n\n            @if (getReadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter read\">\n                {{ getReadCount() }}\n                lue(s)\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"pt-release-notes-page-toolbar\">\n      <div class=\"pt-release-notes-page-filters\">\n        <button\n          type=\"button\"\n          class=\"pt-release-notes-page-filter\"\n          [class.selected]=\"isFilterSelected('ALL')\"\n          (click)=\"selectFilter('ALL')\"\n        >\n          {{ getAllLabel() }}\n\n          <span class=\"pt-release-notes-page-filter-count\">\n            {{ getTotalCount() }}\n          </span>\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"pt-release-notes-page-filter\"\n          [class.selected]=\"isFilterSelected('UNREAD')\"\n          (click)=\"selectFilter('UNREAD')\"\n        >\n          {{ getUnreadLabel() }}\n\n          <span class=\"pt-release-notes-page-filter-count\">\n            {{ getUnreadCount() }}\n          </span>\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"pt-release-notes-page-filter\"\n          [class.selected]=\"isFilterSelected('READ')\"\n          (click)=\"selectFilter('READ')\"\n        >\n          {{ getReadLabel() }}\n\n          <span class=\"pt-release-notes-page-filter-count\">\n            {{ getReadCount() }}\n          </span>\n        </button>\n      </div>\n\n      <div class=\"pt-release-notes-page-search\">\n        <i class=\"pi pi-search\"></i>\n\n        <input\n          type=\"text\"\n          [value]=\"searchText\"\n          [placeholder]=\"getSearchPlaceholder()\"\n          (input)=\"onSearch($any($event.target).value)\"\n        />\n\n        @if (hasSearch()) {\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-search-clear\"\n            aria-label=\"Effacer la recherche\"\n            (click)=\"clearSearch()\"\n          >\n            <i class=\"pi pi-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    @if (hasReleases()) {\n      <div class=\"pt-release-notes-page-list\">\n        @for (release of getDisplayedReleases(); track release.id) {\n          <div [class]=\"getReleaseClasses(release)\">\n            <div class=\"pt-release-notes-page-item-top\">\n              <div class=\"pt-release-notes-page-item-icon-wrapper\">\n                <div class=\"pt-release-notes-page-item-icon\">\n                  <i class=\"pi pi-sparkles\"></i>\n                </div>\n              </div>\n\n              <div class=\"pt-release-notes-page-item-content\">\n                <div class=\"pt-release-notes-page-version-row\">\n                  <span class=\"pt-release-notes-page-version\">\n                    v{{ release.version }}\n                  </span>\n\n                  <span class=\"pt-release-notes-page-item-title\">\n                    {{ release.title }}\n                  </span>\n                </div>\n\n                @if (release.summary) {\n                  <div class=\"pt-release-notes-page-summary\">\n                    {{ release.summary }}\n                  </div>\n                }\n\n                @if (release.date) {\n                  <div class=\"pt-release-notes-page-metadata\">\n                    <span>\n                      <i class=\"pi pi-calendar\"></i>\n\n                      {{ release.date | date: \"dd/MM/yyyy\" }}\n                    </span>\n                  </div>\n                }\n\n                @if (hasCounters(release)) {\n                  <div class=\"pt-release-notes-page-stats\">\n                    @if (hasNewItems(release)) {\n                      <span class=\"pt-release-notes-page-stat new\">\n                        <i class=\"pi pi-plus-circle\"></i>\n\n                        <strong>\n                          {{ getNewCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.newLabel }}\n                      </span>\n                    }\n\n                    @if (hasImprovements(release)) {\n                      <span class=\"pt-release-notes-page-stat improvement\">\n                        <i class=\"pi pi-arrow-up-right\"></i>\n\n                        <strong>\n                          {{ getImprovementCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.improvementLabel }}\n                      </span>\n                    }\n\n                    @if (hasBugFixes(release)) {\n                      <span class=\"pt-release-notes-page-stat bug-fix\">\n                        <i class=\"pi pi-wrench\"></i>\n\n                        <strong>\n                          {{ getBugFixCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.bugFixLabel }}\n                      </span>\n                    }\n                  </div>\n                }\n              </div>\n\n              @if (release.read !== true) {\n                <span class=\"pt-release-notes-page-unread-indicator\"></span>\n              }\n            </div>\n\n            @if (hasDetails(release) && isDetailsExpanded(release)) {\n              <div class=\"pt-release-notes-page-details\">\n                @for (detail of getDetails(release); track detail.id) {\n                  <button\n                    type=\"button\"\n                    class=\"pt-release-notes-page-detail\"\n                    [class.disabled]=\"detail.disabled\"\n                    [ngClass]=\"[\n                      getDetailClass(detail),\n                      detail.styleClass || '',\n                    ]\"\n                    [disabled]=\"detail.disabled\"\n                    (click)=\"onDetailClick(detail, $event)\"\n                  >\n                    <div class=\"pt-release-notes-page-detail-icon\">\n                      <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-content\">\n                      <div class=\"pt-release-notes-page-detail-type\">\n                        {{ getDetailTypeLabel(detail) }}\n                      </div>\n\n                      <div class=\"pt-release-notes-page-detail-title\">\n                        {{ detail.title }}\n                      </div>\n\n                      @if (detail.description) {\n                        <div class=\"pt-release-notes-page-detail-description\">\n                          {{ detail.description }}\n                        </div>\n                      }\n                    </div>\n\n                    @if (detail.link) {\n                      <i\n                        class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                      ></i>\n                    }\n                  </button>\n                }\n              </div>\n            }\n\n            @if (hasDetails(release)) {\n              <div class=\"pt-release-notes-page-details-action\">\n                <button\n                  type=\"button\"\n                  class=\"pt-release-notes-page-details-button\"\n                  [disabled]=\"release.disabled\"\n                  (click)=\"toggleDetails(release)\"\n                >\n                  <span>\n                    {{ getDetailsButtonText(release) }}\n                  </span>\n\n                  <i\n                    class=\"pi\"\n                    [ngClass]=\"\n                      isDetailsExpanded(release)\n                        ? 'pi-chevron-up'\n                        : 'pi-chevron-down'\n                    \"\n                  ></i>\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    } @else if (!loading) {\n      <div class=\"pt-release-notes-page-empty\">\n        <div class=\"pt-release-notes-page-empty-icon\">\n          <i [class]=\"getEmptyIcon()\"></i>\n        </div>\n\n        <div class=\"pt-release-notes-page-empty-text\">\n          @if (hasSearch()) {\n            {{ getNoSearchResultText() }}\n          } @else {\n            {{ getEmptyText() }}\n          }\n        </div>\n      </div>\n    }\n\n    @if (loading) {\n      <div class=\"pt-release-notes-page-loading\">\n        <i class=\"pi pi-spin pi-spinner\"></i>\n\n        <span>\n          {{ resolvedConfig.loadingText }}\n        </span>\n      </div>\n    }\n\n    @if (showPagination()) {\n      <div class=\"pt-release-notes-page-pagination\">\n        <p-paginator\n          [first]=\"getFirst()\"\n          [rows]=\"rows\"\n          [totalRecords]=\"totalRecords\"\n          [rowsPerPageOptions]=\"getRowsPerPageOptions()\"\n          [showCurrentPageReport]=\"showCurrentPageReport()\"\n          [currentPageReportTemplate]=\"getCurrentPageReportTemplate()\"\n          (onPageChange)=\"onPageChange($event)\"\n        ></p-paginator>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{display:block;width:100%}.pt-release-notes-page{position:relative;width:100%;background:var(--pt-release-notes-page-bg, #ffffff);border:1px solid var(--pt-release-notes-page-border, #e5e7eb);border-radius:14px;overflow:visible}.pt-release-notes-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-heading{display:flex;flex-direction:column;gap:.85rem}.pt-release-notes-page-title-row{display:flex;align-items:center;gap:.8rem}.pt-release-notes-page-title-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-title-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-title-icon-color, #3f2564);font-size:1.15rem}.pt-release-notes-page-title{margin:0;color:var(--pt-release-notes-page-title-color, #1f2937);font-size:1.25rem;font-weight:700}.pt-release-notes-page-subtitle{margin-top:.2rem;color:var(--pt-release-notes-page-subtitle-color, #6b7280);font-size:.875rem}.pt-release-notes-page-counters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.pt-release-notes-page-counter{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:var(--pt-release-notes-page-counter-bg, #f3f4f6);color:var(--pt-release-notes-page-counter-color, #4b5563);font-size:.78rem;font-weight:600}.pt-release-notes-page-counter.unread{background:var(--pt-release-notes-page-unread-counter-bg, #f3f0f8);color:var(--pt-release-notes-page-unread-counter-color, #3f2564)}.pt-release-notes-page-counter.read{background:var(--pt-release-notes-page-read-counter-bg, #ecfdf5);color:var(--pt-release-notes-page-read-counter-color, #15803d)}.pt-release-notes-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-filters{display:flex;align-items:center;gap:.4rem}.pt-release-notes-page-filter{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border:1px solid var(--pt-release-notes-page-filter-border, #e5e7eb);border-radius:8px;background:var(--pt-release-notes-page-filter-bg, #ffffff);color:var(--pt-release-notes-page-filter-color, #4b5563);font-size:.82rem;font-weight:600;cursor:pointer}.pt-release-notes-page-filter:hover{background:#f9fafb}.pt-release-notes-page-filter.selected{border-color:var(--pt-release-notes-page-primary, #3f2564);background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564)}.pt-release-notes-page-filter-count{min-width:20px;padding:.1rem .35rem;border-radius:999px;background:#0000000d;text-align:center;font-size:.72rem}.pt-release-notes-page-search{position:relative;display:flex;align-items:center;width:min(360px,100%)}.pt-release-notes-page-search>.pi-search{position:absolute;left:.85rem;color:#9ca3af}.pt-release-notes-page-search input{width:100%;padding:.65rem 2.5rem .65rem 2.4rem;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:.85rem}.pt-release-notes-page-search input:focus{border-color:var(--pt-release-notes-page-primary, #3f2564);box-shadow:0 0 0 2px #3f256414}.pt-release-notes-page-search-clear{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#6b7280;cursor:pointer}.pt-release-notes-page-list{width:100%}.pt-release-notes-page-item{position:relative;padding:1.1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-item-bg, #ffffff);transition:background .15s ease}.pt-release-notes-page-item:last-child{border-bottom:0}.pt-release-notes-page-item:hover{background:var(--pt-release-notes-page-item-hover-bg, #f9fafb)}.pt-release-notes-page-item.unread{background:var(--pt-release-notes-page-unread-bg, #faf8fd)}.pt-release-notes-page-item.unread:hover{background:var(--pt-release-notes-page-unread-hover-bg, #f6f2fa)}.pt-release-notes-page-item.disabled{opacity:.55}.pt-release-notes-page-item-top{position:relative;display:flex;align-items:flex-start;gap:1rem}.pt-release-notes-page-item-icon-wrapper{flex:0 0 auto}.pt-release-notes-page-item-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-item-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:1rem}.pt-release-notes-page-item-content{flex:1 1 auto;min-width:0}.pt-release-notes-page-version-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.pt-release-notes-page-version{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:6px;background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:800}.pt-release-notes-page-item-title{color:var(--pt-release-notes-page-text-color, #1f2937);font-size:.9rem;font-weight:700}.pt-release-notes-page-item.unread .pt-release-notes-page-item-title{font-weight:700}.pt-release-notes-page-summary{margin-top:.45rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.85rem;line-height:1.5}.pt-release-notes-page-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.5rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.78rem}.pt-release-notes-page-metadata span{display:inline-flex;align-items:center;gap:.35rem}.pt-release-notes-page-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.pt-release-notes-page-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.pt-release-notes-page-stat.new{background:#dcfce7;color:#15803d}.pt-release-notes-page-stat.improvement{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-stat.bug-fix{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-unread-indicator{position:absolute;top:50%;right:-1rem;width:7px;height:7px;border-radius:50%;background:var(--pt-release-notes-page-unread-indicator, #3f2564);transform:translateY(-50%)}.pt-release-notes-page-details{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;margin-left:58px;padding-top:1rem;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-detail{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.pt-release-notes-page-detail:hover:not(:disabled){background:#f9fafb}.pt-release-notes-page-detail.disabled{opacity:.55;cursor:default}.pt-release-notes-page-detail-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.pt-release-notes-page-detail.new .pt-release-notes-page-detail-icon{background:#dcfce7;color:#15803d}.pt-release-notes-page-detail.improvement .pt-release-notes-page-detail-icon{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-detail.bug-fix .pt-release-notes-page-detail-icon{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-detail-content{flex:1;min-width:0}.pt-release-notes-page-detail-type{margin-bottom:.2rem;font-size:.68rem;font-weight:700;text-transform:uppercase}.pt-release-notes-page-detail.new .pt-release-notes-page-detail-type{color:#15803d}.pt-release-notes-page-detail.improvement .pt-release-notes-page-detail-type{color:#1d4ed8}.pt-release-notes-page-detail.bug-fix .pt-release-notes-page-detail-type{color:#b91c1c}.pt-release-notes-page-detail-title{color:#1f2937;font-size:.84rem;font-weight:700}.pt-release-notes-page-detail-description{margin-top:.25rem;color:#6b7280;font-size:.78rem;line-height:1.5}.pt-release-notes-page-detail-link{flex:0 0 auto;align-self:center;color:#6b7280;font-size:.72rem}.pt-release-notes-page-details-action{display:flex;justify-content:center;margin-top:.8rem;margin-left:58px}.pt-release-notes-page-details-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;border:0;border-radius:7px;background:transparent;color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:700;cursor:pointer}.pt-release-notes-page-details-button:hover:not(:disabled){background:var(--pt-release-notes-page-selected-bg, #f3f0f8)}.pt-release-notes-page-details-button:disabled{opacity:.5;cursor:default}.pt-release-notes-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:3rem;color:#6b7280;text-align:center}.pt-release-notes-page-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;border-radius:50%;background:#f3f4f6;color:#9ca3af;font-size:1.6rem}.pt-release-notes-page-empty-text{max-width:450px;font-size:.9rem}.pt-release-notes-page-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:#6b7280;font-size:.85rem}.pt-release-notes-page-pagination{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;box-sizing:border-box;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-pagination-bg, #ffffff)}.pt-release-notes-page-pagination ::ng-deep .p-paginator{width:100%;border:0;background:transparent}@media(max-width:768px){.pt-release-notes-page-header,.pt-release-notes-page-toolbar{flex-direction:column;align-items:stretch}.pt-release-notes-page-filters{overflow-x:auto}.pt-release-notes-page-search{width:100%}.pt-release-notes-page-item{padding:1rem 1.1rem}.pt-release-notes-page-details,.pt-release-notes-page-details-action{margin-left:0}.pt-release-notes-page-unread-indicator{right:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$6.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PTReleaseNotesPageComponent, isStandalone: false, selector: "pt-release-notes-page", inputs: { releases: "releases", loading: "loading", totalRecords: "totalRecords", totalAllRecords: "totalAllRecords", totalUnreadRecords: "totalUnreadRecords", totalReadRecords: "totalReadRecords", page: "page", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", config: "config" }, outputs: { queryChange: "queryChange" }, ngImport: i0, template: "@if (resolvedConfig.visible) {\n  <div class=\"pt-release-notes-page\">\n    <div class=\"pt-release-notes-page-header\">\n      <div class=\"pt-release-notes-page-heading\">\n        <div class=\"pt-release-notes-page-title-row\">\n          <div class=\"pt-release-notes-page-title-icon\">\n            <i [class]=\"resolvedConfig.icon\"></i>\n          </div>\n\n          <div>\n            <h2 class=\"pt-release-notes-page-title\">\n              {{ getTitle() }}\n            </h2>\n\n            <div class=\"pt-release-notes-page-subtitle\">\n              {{ getSubtitle() }}\n            </div>\n          </div>\n        </div>\n\n        @if (showCounters()) {\n          <div class=\"pt-release-notes-page-counters\">\n            <span class=\"pt-release-notes-page-counter\">\n              {{ getTotalCount() }}\n              version(s)\n            </span>\n\n            @if (getUnreadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter unread\">\n                {{ getUnreadCount() }}\n                non lue(s)\n              </span>\n            }\n\n            @if (getReadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter read\">\n                {{ getReadCount() }}\n                lue(s)\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"pt-release-notes-page-toolbar\">\n      <div class=\"pt-release-notes-page-toolbar-left\">\n        <div class=\"pt-release-notes-page-filters\">\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-filter\"\n            [class.selected]=\"isFilterSelected('ALL')\"\n            (click)=\"selectFilter('ALL')\"\n          >\n            {{ getAllLabel() }}\n\n            <span class=\"pt-release-notes-page-filter-count\">\n              {{ getTotalCount() }}\n            </span>\n          </button>\n\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-filter\"\n            [class.selected]=\"isFilterSelected('UNREAD')\"\n            (click)=\"selectFilter('UNREAD')\"\n          >\n            {{ getUnreadLabel() }}\n\n            <span class=\"pt-release-notes-page-filter-count\">\n              {{ getUnreadCount() }}\n            </span>\n          </button>\n\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-filter\"\n            [class.selected]=\"isFilterSelected('READ')\"\n            (click)=\"selectFilter('READ')\"\n          >\n            {{ getReadLabel() }}\n\n            <span class=\"pt-release-notes-page-filter-count\">\n              {{ getReadCount() }}\n            </span>\n          </button>\n        </div>\n\n        @if (hasExpandableReleases()) {\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-expand-all\"\n            [class.expanded]=\"areAllDetailsExpanded()\"\n            (click)=\"toggleAllDetails()\"\n          >\n            <i\n              class=\"pi\"\n              [ngClass]=\"\n                areAllDetailsExpanded()\n                  ? 'pi-angle-double-up'\n                  : 'pi-angle-double-down'\n              \"\n            ></i>\n\n            <span>\n              {{ getToggleAllDetailsText() }}\n            </span>\n          </button>\n        }\n      </div>\n\n      <div class=\"pt-release-notes-page-search\">\n        <i class=\"pi pi-search\"></i>\n\n        <input\n          type=\"text\"\n          [value]=\"searchText\"\n          [placeholder]=\"getSearchPlaceholder()\"\n          (input)=\"onSearch($any($event.target).value)\"\n        />\n\n        @if (hasSearch()) {\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-search-clear\"\n            aria-label=\"Effacer la recherche\"\n            (click)=\"clearSearch()\"\n          >\n            <i class=\"pi pi-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    @if (hasReleases()) {\n      <div class=\"pt-release-notes-page-list\">\n        @for (release of getDisplayedReleases(); track release.id) {\n          <div [class]=\"getReleaseClasses(release)\">\n            <div class=\"pt-release-notes-page-item-top\">\n              <div class=\"pt-release-notes-page-item-icon-wrapper\">\n                <div class=\"pt-release-notes-page-item-icon\">\n                  <i class=\"pi pi-sparkles\"></i>\n                </div>\n              </div>\n\n              <div class=\"pt-release-notes-page-item-content\">\n                <div class=\"pt-release-notes-page-version-row\">\n                  <span class=\"pt-release-notes-page-version\">\n                    v{{ release.version }}\n                  </span>\n\n                  <span class=\"pt-release-notes-page-item-title\">\n                    {{ release.title }}\n                  </span>\n                </div>\n\n                @if (release.summary) {\n                  <div class=\"pt-release-notes-page-summary\">\n                    {{ release.summary }}\n                  </div>\n                }\n\n                @if (release.date) {\n                  <div class=\"pt-release-notes-page-metadata\">\n                    <span>\n                      <i class=\"pi pi-calendar\"></i>\n\n                      {{ release.date | date: \"dd/MM/yyyy\" }}\n                    </span>\n                  </div>\n                }\n\n                @if (hasCounters(release)) {\n                  <div class=\"pt-release-notes-page-stats\">\n                    @if (hasNewItems(release)) {\n                      <span class=\"pt-release-notes-page-stat new\">\n                        <i class=\"pi pi-plus-circle\"></i>\n\n                        <strong>\n                          {{ getNewCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.newLabel }}\n                      </span>\n                    }\n\n                    @if (hasImprovements(release)) {\n                      <span class=\"pt-release-notes-page-stat improvement\">\n                        <i class=\"pi pi-arrow-up-right\"></i>\n\n                        <strong>\n                          {{ getImprovementCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.improvementLabel }}\n                      </span>\n                    }\n\n                    @if (hasBugFixes(release)) {\n                      <span class=\"pt-release-notes-page-stat bug-fix\">\n                        <i class=\"pi pi-wrench\"></i>\n\n                        <strong>\n                          {{ getBugFixCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.bugFixLabel }}\n                      </span>\n                    }\n                  </div>\n                }\n              </div>\n\n              @if (release.read !== true) {\n                <span class=\"pt-release-notes-page-unread-indicator\"></span>\n              }\n            </div>\n\n            @if (hasDetails(release) && isDetailsExpanded(release)) {\n              <div class=\"pt-release-notes-page-details\">\n                @if (hasDetailsByType(release, \"NEW\")) {\n                  <section class=\"pt-release-notes-page-detail-section new\">\n                    <div class=\"pt-release-notes-page-detail-section-header\">\n                      <div class=\"pt-release-notes-page-detail-section-title\">\n                        <span class=\"pt-release-notes-page-detail-section-icon\">\n                          <i class=\"pi pi-plus-circle\"></i>\n                        </span>\n\n                        <span>\n                          {{ resolvedConfig.newLabel }}\n                        </span>\n                      </div>\n\n                      <span class=\"pt-release-notes-page-detail-section-count\">\n                        {{ getDetailsByType(release, \"NEW\").length }}\n                      </span>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-section-content\">\n                      @for (\n                        detail of getDetailsByType(release, \"NEW\");\n                        track detail.id\n                      ) {\n                        <button\n                          type=\"button\"\n                          class=\"pt-release-notes-page-detail new\"\n                          [class.disabled]=\"detail.disabled\"\n                          [ngClass]=\"detail.styleClass || ''\"\n                          [disabled]=\"detail.disabled\"\n                          (click)=\"onDetailClick(detail, $event)\"\n                        >\n                          <div class=\"pt-release-notes-page-detail-icon\">\n                            <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                          </div>\n\n                          <div class=\"pt-release-notes-page-detail-content\">\n                            <div class=\"pt-release-notes-page-detail-title\">\n                              {{ detail.title }}\n                            </div>\n\n                            @if (detail.description) {\n                              <div\n                                class=\"pt-release-notes-page-detail-description\"\n                              >\n                                {{ detail.description }}\n                              </div>\n                            }\n                          </div>\n\n                          @if (detail.link) {\n                            <i\n                              class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                            ></i>\n                          }\n                        </button>\n                      }\n                    </div>\n                  </section>\n                }\n\n                @if (hasDetailsByType(release, \"IMPROVEMENT\")) {\n                  <section\n                    class=\"pt-release-notes-page-detail-section improvement\"\n                  >\n                    <div class=\"pt-release-notes-page-detail-section-header\">\n                      <div class=\"pt-release-notes-page-detail-section-title\">\n                        <span class=\"pt-release-notes-page-detail-section-icon\">\n                          <i class=\"pi pi-arrow-up-right\"></i>\n                        </span>\n\n                        <span>\n                          {{ resolvedConfig.improvementLabel }}\n                        </span>\n                      </div>\n\n                      <span class=\"pt-release-notes-page-detail-section-count\">\n                        {{ getDetailsByType(release, \"IMPROVEMENT\").length }}\n                      </span>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-section-content\">\n                      @for (\n                        detail of getDetailsByType(release, \"IMPROVEMENT\");\n                        track detail.id\n                      ) {\n                        <button\n                          type=\"button\"\n                          class=\"pt-release-notes-page-detail improvement\"\n                          [class.disabled]=\"detail.disabled\"\n                          [ngClass]=\"detail.styleClass || ''\"\n                          [disabled]=\"detail.disabled\"\n                          (click)=\"onDetailClick(detail, $event)\"\n                        >\n                          <div class=\"pt-release-notes-page-detail-icon\">\n                            <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                          </div>\n\n                          <div class=\"pt-release-notes-page-detail-content\">\n                            <div class=\"pt-release-notes-page-detail-title\">\n                              {{ detail.title }}\n                            </div>\n\n                            @if (detail.description) {\n                              <div\n                                class=\"pt-release-notes-page-detail-description\"\n                              >\n                                {{ detail.description }}\n                              </div>\n                            }\n                          </div>\n\n                          @if (detail.link) {\n                            <i\n                              class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                            ></i>\n                          }\n                        </button>\n                      }\n                    </div>\n                  </section>\n                }\n\n                @if (hasDetailsByType(release, \"BUG_FIX\")) {\n                  <section class=\"pt-release-notes-page-detail-section bug-fix\">\n                    <div class=\"pt-release-notes-page-detail-section-header\">\n                      <div class=\"pt-release-notes-page-detail-section-title\">\n                        <span class=\"pt-release-notes-page-detail-section-icon\">\n                          <i class=\"pi pi-wrench\"></i>\n                        </span>\n\n                        <span>\n                          {{ resolvedConfig.bugFixLabel }}\n                        </span>\n                      </div>\n\n                      <span class=\"pt-release-notes-page-detail-section-count\">\n                        {{ getDetailsByType(release, \"BUG_FIX\").length }}\n                      </span>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-section-content\">\n                      @for (\n                        detail of getDetailsByType(release, \"BUG_FIX\");\n                        track detail.id\n                      ) {\n                        <button\n                          type=\"button\"\n                          class=\"pt-release-notes-page-detail bug-fix\"\n                          [class.disabled]=\"detail.disabled\"\n                          [ngClass]=\"detail.styleClass || ''\"\n                          [disabled]=\"detail.disabled\"\n                          (click)=\"onDetailClick(detail, $event)\"\n                        >\n                          <div class=\"pt-release-notes-page-detail-icon\">\n                            <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                          </div>\n\n                          <div class=\"pt-release-notes-page-detail-content\">\n                            <div class=\"pt-release-notes-page-detail-title\">\n                              {{ detail.title }}\n                            </div>\n\n                            @if (detail.description) {\n                              <div\n                                class=\"pt-release-notes-page-detail-description\"\n                              >\n                                {{ detail.description }}\n                              </div>\n                            }\n                          </div>\n\n                          @if (detail.link) {\n                            <i\n                              class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                            ></i>\n                          }\n                        </button>\n                      }\n                    </div>\n                  </section>\n                }\n              </div>\n            }\n\n            @if (hasDetails(release)) {\n              <div class=\"pt-release-notes-page-details-action\">\n                <button\n                  type=\"button\"\n                  class=\"pt-release-notes-page-details-button\"\n                  [disabled]=\"release.disabled\"\n                  (click)=\"toggleDetails(release)\"\n                >\n                  <span>\n                    {{ getDetailsButtonText(release) }}\n                  </span>\n\n                  <i\n                    class=\"pi\"\n                    [ngClass]=\"\n                      isDetailsExpanded(release)\n                        ? 'pi-chevron-up'\n                        : 'pi-chevron-down'\n                    \"\n                  ></i>\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    } @else if (!loading) {\n      <div class=\"pt-release-notes-page-empty\">\n        <div class=\"pt-release-notes-page-empty-icon\">\n          <i [class]=\"getEmptyIcon()\"></i>\n        </div>\n\n        <div class=\"pt-release-notes-page-empty-text\">\n          @if (hasSearch()) {\n            {{ getNoSearchResultText() }}\n          } @else {\n            {{ getEmptyText() }}\n          }\n        </div>\n      </div>\n    }\n\n    @if (loading) {\n      <div class=\"pt-release-notes-page-loading\">\n        <i class=\"pi pi-spin pi-spinner\"></i>\n\n        <span>\n          {{ resolvedConfig.loadingText }}\n        </span>\n      </div>\n    }\n\n    @if (showPagination()) {\n      <div class=\"pt-release-notes-page-pagination\">\n        <p-paginator\n          [first]=\"getFirst()\"\n          [rows]=\"rows\"\n          [totalRecords]=\"totalRecords\"\n          [rowsPerPageOptions]=\"getRowsPerPageOptions()\"\n          [showCurrentPageReport]=\"showCurrentPageReport()\"\n          [currentPageReportTemplate]=\"getCurrentPageReportTemplate()\"\n          (onPageChange)=\"onPageChange($event)\"\n        ></p-paginator>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{display:block;width:100%}.pt-release-notes-page{position:relative;width:100%;background:var(--pt-release-notes-page-bg, #ffffff);border:1px solid var(--pt-release-notes-page-border, #e5e7eb);border-radius:14px;overflow:visible}.pt-release-notes-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-heading{display:flex;flex-direction:column;gap:.85rem}.pt-release-notes-page-title-row{display:flex;align-items:center;gap:.8rem}.pt-release-notes-page-title-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-title-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-title-icon-color, #3f2564);font-size:1.15rem}.pt-release-notes-page-title{margin:0;color:var(--pt-release-notes-page-title-color, #1f2937);font-size:1.25rem;font-weight:700}.pt-release-notes-page-subtitle{margin-top:.2rem;color:var(--pt-release-notes-page-subtitle-color, #6b7280);font-size:.875rem}.pt-release-notes-page-counters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.pt-release-notes-page-counter{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:var(--pt-release-notes-page-counter-bg, #f3f4f6);color:var(--pt-release-notes-page-counter-color, #4b5563);font-size:.78rem;font-weight:600}.pt-release-notes-page-counter.unread{background:var(--pt-release-notes-page-unread-counter-bg, #f3f0f8);color:var(--pt-release-notes-page-unread-counter-color, #3f2564)}.pt-release-notes-page-counter.read{background:var(--pt-release-notes-page-read-counter-bg, #ecfdf5);color:var(--pt-release-notes-page-read-counter-color, #15803d)}.pt-release-notes-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}.pt-release-notes-page-filters{display:flex;align-items:center;gap:.4rem}.pt-release-notes-page-filter{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border:1px solid var(--pt-release-notes-page-filter-border, #e5e7eb);border-radius:8px;background:var(--pt-release-notes-page-filter-bg, #ffffff);color:var(--pt-release-notes-page-filter-color, #4b5563);font-size:.82rem;font-weight:600;cursor:pointer}.pt-release-notes-page-filter:hover{background:#f9fafb}.pt-release-notes-page-filter.selected{border-color:var(--pt-release-notes-page-primary, #3f2564);background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564)}.pt-release-notes-page-filter-count{min-width:20px;padding:.1rem .35rem;border-radius:999px;background:#0000000d;text-align:center;font-size:.72rem}.pt-release-notes-page-expand-all{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:34px;padding:.45rem .75rem;border:1px solid var(--pt-release-notes-page-filter-border, #e5e7eb);border-radius:8px;background:#fff;color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pt-release-notes-page-expand-all:hover,.pt-release-notes-page-expand-all.expanded{border-color:var(--pt-release-notes-page-primary, #3f2564);background:var(--pt-release-notes-page-selected-bg, #f3f0f8)}.pt-release-notes-page-search{position:relative;display:flex;align-items:center;width:min(360px,100%)}.pt-release-notes-page-search>.pi-search{position:absolute;left:.85rem;color:#9ca3af}.pt-release-notes-page-search input{width:100%;padding:.65rem 2.5rem .65rem 2.4rem;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:.85rem}.pt-release-notes-page-search input:focus{border-color:var(--pt-release-notes-page-primary, #3f2564);box-shadow:0 0 0 2px #3f256414}.pt-release-notes-page-search-clear{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#6b7280;cursor:pointer}.pt-release-notes-page-list{width:100%}.pt-release-notes-page-item{position:relative;padding:1.1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-item-bg, #ffffff);transition:background .15s ease}.pt-release-notes-page-item:last-child{border-bottom:0}.pt-release-notes-page-item:hover{background:var(--pt-release-notes-page-item-hover-bg, #f9fafb)}.pt-release-notes-page-item.unread{background:var(--pt-release-notes-page-unread-bg, #faf8fd)}.pt-release-notes-page-item.unread:hover{background:var(--pt-release-notes-page-unread-hover-bg, #f6f2fa)}.pt-release-notes-page-item.disabled{opacity:.55}.pt-release-notes-page-item-top{position:relative;display:flex;align-items:flex-start;gap:1rem}.pt-release-notes-page-item-icon-wrapper{flex:0 0 auto}.pt-release-notes-page-item-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-item-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:1rem}.pt-release-notes-page-item-content{flex:1 1 auto;min-width:0}.pt-release-notes-page-version-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.pt-release-notes-page-version{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:6px;background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:800}.pt-release-notes-page-item-title{color:var(--pt-release-notes-page-text-color, #1f2937);font-size:.9rem;font-weight:700}.pt-release-notes-page-summary{margin-top:.45rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.85rem;line-height:1.5}.pt-release-notes-page-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.5rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.78rem}.pt-release-notes-page-metadata span{display:inline-flex;align-items:center;gap:.35rem}.pt-release-notes-page-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.pt-release-notes-page-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.pt-release-notes-page-stat.new{background:#dcfce7;color:#15803d}.pt-release-notes-page-stat.improvement{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-stat.bug-fix{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-unread-indicator{position:absolute;top:50%;right:-1rem;width:7px;height:7px;border-radius:50%;background:var(--pt-release-notes-page-unread-indicator, #3f2564);transform:translateY(-50%)}.pt-release-notes-page-details{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-left:58px;padding-top:1rem;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-detail-section{overflow:hidden;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.pt-release-notes-page-detail-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid #e5e7eb}.pt-release-notes-page-detail-section-title{display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.015em}.pt-release-notes-page-detail-section-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px}.pt-release-notes-page-detail-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;border-radius:999px;font-size:.7rem;font-weight:800}.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-header{background:#f0fdf4}.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-title{color:#15803d}.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-icon,.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-count{background:#dcfce7;color:#15803d}.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-header{background:#eff6ff}.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-title{color:#1d4ed8}.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-icon,.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-count{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-header{background:#fef2f2}.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-title{color:#b91c1c}.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-icon,.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-count{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-detail-section-content{display:flex;flex-direction:column;padding:.35rem}.pt-release-notes-page-detail{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.pt-release-notes-page-detail:hover:not(:disabled){background:#f9fafb}.pt-release-notes-page-detail.disabled{opacity:.55;cursor:default}.pt-release-notes-page-detail-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.pt-release-notes-page-detail.new .pt-release-notes-page-detail-icon{background:#dcfce7;color:#15803d}.pt-release-notes-page-detail.improvement .pt-release-notes-page-detail-icon{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-detail.bug-fix .pt-release-notes-page-detail-icon{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-detail-content{flex:1;min-width:0}.pt-release-notes-page-detail-title{color:#1f2937;font-size:.84rem;font-weight:700}.pt-release-notes-page-detail-description{margin-top:.25rem;color:#6b7280;font-size:.78rem;line-height:1.5}.pt-release-notes-page-detail-link{flex:0 0 auto;align-self:center;color:#6b7280;font-size:.72rem}.pt-release-notes-page-details-action{display:flex;justify-content:center;margin-top:.8rem;margin-left:58px}.pt-release-notes-page-details-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;border:0;border-radius:7px;background:transparent;color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:700;cursor:pointer}.pt-release-notes-page-details-button:hover:not(:disabled){background:var(--pt-release-notes-page-selected-bg, #f3f0f8)}.pt-release-notes-page-details-button:disabled{opacity:.5;cursor:default}.pt-release-notes-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:3rem;color:#6b7280;text-align:center}.pt-release-notes-page-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;border-radius:50%;background:#f3f4f6;color:#9ca3af;font-size:1.6rem}.pt-release-notes-page-empty-text{max-width:450px;font-size:.9rem}.pt-release-notes-page-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:#6b7280;font-size:.85rem}.pt-release-notes-page-pagination{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;box-sizing:border-box;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-pagination-bg, #ffffff)}.pt-release-notes-page-pagination ::ng-deep .p-paginator{width:100%;border:0;background:transparent}@media(max-width:768px){.pt-release-notes-page-header,.pt-release-notes-page-toolbar,.pt-release-notes-page-toolbar-left{flex-direction:column;align-items:stretch}.pt-release-notes-page-filters{overflow-x:auto}.pt-release-notes-page-expand-all{align-self:flex-start}.pt-release-notes-page-search{width:100%}.pt-release-notes-page-item{padding:1rem 1.1rem}.pt-release-notes-page-details,.pt-release-notes-page-details-action{margin-left:0}.pt-release-notes-page-unread-indicator{right:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$6.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PTReleaseNotesPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-release-notes-page', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (resolvedConfig.visible) {\n  <div class=\"pt-release-notes-page\">\n    <div class=\"pt-release-notes-page-header\">\n      <div class=\"pt-release-notes-page-heading\">\n        <div class=\"pt-release-notes-page-title-row\">\n          <div class=\"pt-release-notes-page-title-icon\">\n            <i [class]=\"resolvedConfig.icon\"></i>\n          </div>\n\n          <div>\n            <h2 class=\"pt-release-notes-page-title\">\n              {{ getTitle() }}\n            </h2>\n\n            <div class=\"pt-release-notes-page-subtitle\">\n              {{ getSubtitle() }}\n            </div>\n          </div>\n        </div>\n\n        @if (showCounters()) {\n          <div class=\"pt-release-notes-page-counters\">\n            <span class=\"pt-release-notes-page-counter\">\n              {{ getTotalCount() }}\n              version(s)\n            </span>\n\n            @if (getUnreadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter unread\">\n                {{ getUnreadCount() }}\n                non lue(s)\n              </span>\n            }\n\n            @if (getReadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter read\">\n                {{ getReadCount() }}\n                lue(s)\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"pt-release-notes-page-toolbar\">\n      <div class=\"pt-release-notes-page-filters\">\n        <button\n          type=\"button\"\n          class=\"pt-release-notes-page-filter\"\n          [class.selected]=\"isFilterSelected('ALL')\"\n          (click)=\"selectFilter('ALL')\"\n        >\n          {{ getAllLabel() }}\n\n          <span class=\"pt-release-notes-page-filter-count\">\n            {{ getTotalCount() }}\n          </span>\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"pt-release-notes-page-filter\"\n          [class.selected]=\"isFilterSelected('UNREAD')\"\n          (click)=\"selectFilter('UNREAD')\"\n        >\n          {{ getUnreadLabel() }}\n\n          <span class=\"pt-release-notes-page-filter-count\">\n            {{ getUnreadCount() }}\n          </span>\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"pt-release-notes-page-filter\"\n          [class.selected]=\"isFilterSelected('READ')\"\n          (click)=\"selectFilter('READ')\"\n        >\n          {{ getReadLabel() }}\n\n          <span class=\"pt-release-notes-page-filter-count\">\n            {{ getReadCount() }}\n          </span>\n        </button>\n      </div>\n\n      <div class=\"pt-release-notes-page-search\">\n        <i class=\"pi pi-search\"></i>\n\n        <input\n          type=\"text\"\n          [value]=\"searchText\"\n          [placeholder]=\"getSearchPlaceholder()\"\n          (input)=\"onSearch($any($event.target).value)\"\n        />\n\n        @if (hasSearch()) {\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-search-clear\"\n            aria-label=\"Effacer la recherche\"\n            (click)=\"clearSearch()\"\n          >\n            <i class=\"pi pi-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    @if (hasReleases()) {\n      <div class=\"pt-release-notes-page-list\">\n        @for (release of getDisplayedReleases(); track release.id) {\n          <div [class]=\"getReleaseClasses(release)\">\n            <div class=\"pt-release-notes-page-item-top\">\n              <div class=\"pt-release-notes-page-item-icon-wrapper\">\n                <div class=\"pt-release-notes-page-item-icon\">\n                  <i class=\"pi pi-sparkles\"></i>\n                </div>\n              </div>\n\n              <div class=\"pt-release-notes-page-item-content\">\n                <div class=\"pt-release-notes-page-version-row\">\n                  <span class=\"pt-release-notes-page-version\">\n                    v{{ release.version }}\n                  </span>\n\n                  <span class=\"pt-release-notes-page-item-title\">\n                    {{ release.title }}\n                  </span>\n                </div>\n\n                @if (release.summary) {\n                  <div class=\"pt-release-notes-page-summary\">\n                    {{ release.summary }}\n                  </div>\n                }\n\n                @if (release.date) {\n                  <div class=\"pt-release-notes-page-metadata\">\n                    <span>\n                      <i class=\"pi pi-calendar\"></i>\n\n                      {{ release.date | date: \"dd/MM/yyyy\" }}\n                    </span>\n                  </div>\n                }\n\n                @if (hasCounters(release)) {\n                  <div class=\"pt-release-notes-page-stats\">\n                    @if (hasNewItems(release)) {\n                      <span class=\"pt-release-notes-page-stat new\">\n                        <i class=\"pi pi-plus-circle\"></i>\n\n                        <strong>\n                          {{ getNewCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.newLabel }}\n                      </span>\n                    }\n\n                    @if (hasImprovements(release)) {\n                      <span class=\"pt-release-notes-page-stat improvement\">\n                        <i class=\"pi pi-arrow-up-right\"></i>\n\n                        <strong>\n                          {{ getImprovementCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.improvementLabel }}\n                      </span>\n                    }\n\n                    @if (hasBugFixes(release)) {\n                      <span class=\"pt-release-notes-page-stat bug-fix\">\n                        <i class=\"pi pi-wrench\"></i>\n\n                        <strong>\n                          {{ getBugFixCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.bugFixLabel }}\n                      </span>\n                    }\n                  </div>\n                }\n              </div>\n\n              @if (release.read !== true) {\n                <span class=\"pt-release-notes-page-unread-indicator\"></span>\n              }\n            </div>\n\n            @if (hasDetails(release) && isDetailsExpanded(release)) {\n              <div class=\"pt-release-notes-page-details\">\n                @for (detail of getDetails(release); track detail.id) {\n                  <button\n                    type=\"button\"\n                    class=\"pt-release-notes-page-detail\"\n                    [class.disabled]=\"detail.disabled\"\n                    [ngClass]=\"[\n                      getDetailClass(detail),\n                      detail.styleClass || '',\n                    ]\"\n                    [disabled]=\"detail.disabled\"\n                    (click)=\"onDetailClick(detail, $event)\"\n                  >\n                    <div class=\"pt-release-notes-page-detail-icon\">\n                      <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-content\">\n                      <div class=\"pt-release-notes-page-detail-type\">\n                        {{ getDetailTypeLabel(detail) }}\n                      </div>\n\n                      <div class=\"pt-release-notes-page-detail-title\">\n                        {{ detail.title }}\n                      </div>\n\n                      @if (detail.description) {\n                        <div class=\"pt-release-notes-page-detail-description\">\n                          {{ detail.description }}\n                        </div>\n                      }\n                    </div>\n\n                    @if (detail.link) {\n                      <i\n                        class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                      ></i>\n                    }\n                  </button>\n                }\n              </div>\n            }\n\n            @if (hasDetails(release)) {\n              <div class=\"pt-release-notes-page-details-action\">\n                <button\n                  type=\"button\"\n                  class=\"pt-release-notes-page-details-button\"\n                  [disabled]=\"release.disabled\"\n                  (click)=\"toggleDetails(release)\"\n                >\n                  <span>\n                    {{ getDetailsButtonText(release) }}\n                  </span>\n\n                  <i\n                    class=\"pi\"\n                    [ngClass]=\"\n                      isDetailsExpanded(release)\n                        ? 'pi-chevron-up'\n                        : 'pi-chevron-down'\n                    \"\n                  ></i>\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    } @else if (!loading) {\n      <div class=\"pt-release-notes-page-empty\">\n        <div class=\"pt-release-notes-page-empty-icon\">\n          <i [class]=\"getEmptyIcon()\"></i>\n        </div>\n\n        <div class=\"pt-release-notes-page-empty-text\">\n          @if (hasSearch()) {\n            {{ getNoSearchResultText() }}\n          } @else {\n            {{ getEmptyText() }}\n          }\n        </div>\n      </div>\n    }\n\n    @if (loading) {\n      <div class=\"pt-release-notes-page-loading\">\n        <i class=\"pi pi-spin pi-spinner\"></i>\n\n        <span>\n          {{ resolvedConfig.loadingText }}\n        </span>\n      </div>\n    }\n\n    @if (showPagination()) {\n      <div class=\"pt-release-notes-page-pagination\">\n        <p-paginator\n          [first]=\"getFirst()\"\n          [rows]=\"rows\"\n          [totalRecords]=\"totalRecords\"\n          [rowsPerPageOptions]=\"getRowsPerPageOptions()\"\n          [showCurrentPageReport]=\"showCurrentPageReport()\"\n          [currentPageReportTemplate]=\"getCurrentPageReportTemplate()\"\n          (onPageChange)=\"onPageChange($event)\"\n        ></p-paginator>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{display:block;width:100%}.pt-release-notes-page{position:relative;width:100%;background:var(--pt-release-notes-page-bg, #ffffff);border:1px solid var(--pt-release-notes-page-border, #e5e7eb);border-radius:14px;overflow:visible}.pt-release-notes-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-heading{display:flex;flex-direction:column;gap:.85rem}.pt-release-notes-page-title-row{display:flex;align-items:center;gap:.8rem}.pt-release-notes-page-title-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-title-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-title-icon-color, #3f2564);font-size:1.15rem}.pt-release-notes-page-title{margin:0;color:var(--pt-release-notes-page-title-color, #1f2937);font-size:1.25rem;font-weight:700}.pt-release-notes-page-subtitle{margin-top:.2rem;color:var(--pt-release-notes-page-subtitle-color, #6b7280);font-size:.875rem}.pt-release-notes-page-counters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.pt-release-notes-page-counter{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:var(--pt-release-notes-page-counter-bg, #f3f4f6);color:var(--pt-release-notes-page-counter-color, #4b5563);font-size:.78rem;font-weight:600}.pt-release-notes-page-counter.unread{background:var(--pt-release-notes-page-unread-counter-bg, #f3f0f8);color:var(--pt-release-notes-page-unread-counter-color, #3f2564)}.pt-release-notes-page-counter.read{background:var(--pt-release-notes-page-read-counter-bg, #ecfdf5);color:var(--pt-release-notes-page-read-counter-color, #15803d)}.pt-release-notes-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-filters{display:flex;align-items:center;gap:.4rem}.pt-release-notes-page-filter{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border:1px solid var(--pt-release-notes-page-filter-border, #e5e7eb);border-radius:8px;background:var(--pt-release-notes-page-filter-bg, #ffffff);color:var(--pt-release-notes-page-filter-color, #4b5563);font-size:.82rem;font-weight:600;cursor:pointer}.pt-release-notes-page-filter:hover{background:#f9fafb}.pt-release-notes-page-filter.selected{border-color:var(--pt-release-notes-page-primary, #3f2564);background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564)}.pt-release-notes-page-filter-count{min-width:20px;padding:.1rem .35rem;border-radius:999px;background:#0000000d;text-align:center;font-size:.72rem}.pt-release-notes-page-search{position:relative;display:flex;align-items:center;width:min(360px,100%)}.pt-release-notes-page-search>.pi-search{position:absolute;left:.85rem;color:#9ca3af}.pt-release-notes-page-search input{width:100%;padding:.65rem 2.5rem .65rem 2.4rem;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:.85rem}.pt-release-notes-page-search input:focus{border-color:var(--pt-release-notes-page-primary, #3f2564);box-shadow:0 0 0 2px #3f256414}.pt-release-notes-page-search-clear{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#6b7280;cursor:pointer}.pt-release-notes-page-list{width:100%}.pt-release-notes-page-item{position:relative;padding:1.1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-item-bg, #ffffff);transition:background .15s ease}.pt-release-notes-page-item:last-child{border-bottom:0}.pt-release-notes-page-item:hover{background:var(--pt-release-notes-page-item-hover-bg, #f9fafb)}.pt-release-notes-page-item.unread{background:var(--pt-release-notes-page-unread-bg, #faf8fd)}.pt-release-notes-page-item.unread:hover{background:var(--pt-release-notes-page-unread-hover-bg, #f6f2fa)}.pt-release-notes-page-item.disabled{opacity:.55}.pt-release-notes-page-item-top{position:relative;display:flex;align-items:flex-start;gap:1rem}.pt-release-notes-page-item-icon-wrapper{flex:0 0 auto}.pt-release-notes-page-item-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-item-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:1rem}.pt-release-notes-page-item-content{flex:1 1 auto;min-width:0}.pt-release-notes-page-version-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.pt-release-notes-page-version{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:6px;background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:800}.pt-release-notes-page-item-title{color:var(--pt-release-notes-page-text-color, #1f2937);font-size:.9rem;font-weight:700}.pt-release-notes-page-item.unread .pt-release-notes-page-item-title{font-weight:700}.pt-release-notes-page-summary{margin-top:.45rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.85rem;line-height:1.5}.pt-release-notes-page-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.5rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.78rem}.pt-release-notes-page-metadata span{display:inline-flex;align-items:center;gap:.35rem}.pt-release-notes-page-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.pt-release-notes-page-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.pt-release-notes-page-stat.new{background:#dcfce7;color:#15803d}.pt-release-notes-page-stat.improvement{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-stat.bug-fix{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-unread-indicator{position:absolute;top:50%;right:-1rem;width:7px;height:7px;border-radius:50%;background:var(--pt-release-notes-page-unread-indicator, #3f2564);transform:translateY(-50%)}.pt-release-notes-page-details{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;margin-left:58px;padding-top:1rem;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-detail{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.pt-release-notes-page-detail:hover:not(:disabled){background:#f9fafb}.pt-release-notes-page-detail.disabled{opacity:.55;cursor:default}.pt-release-notes-page-detail-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.pt-release-notes-page-detail.new .pt-release-notes-page-detail-icon{background:#dcfce7;color:#15803d}.pt-release-notes-page-detail.improvement .pt-release-notes-page-detail-icon{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-detail.bug-fix .pt-release-notes-page-detail-icon{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-detail-content{flex:1;min-width:0}.pt-release-notes-page-detail-type{margin-bottom:.2rem;font-size:.68rem;font-weight:700;text-transform:uppercase}.pt-release-notes-page-detail.new .pt-release-notes-page-detail-type{color:#15803d}.pt-release-notes-page-detail.improvement .pt-release-notes-page-detail-type{color:#1d4ed8}.pt-release-notes-page-detail.bug-fix .pt-release-notes-page-detail-type{color:#b91c1c}.pt-release-notes-page-detail-title{color:#1f2937;font-size:.84rem;font-weight:700}.pt-release-notes-page-detail-description{margin-top:.25rem;color:#6b7280;font-size:.78rem;line-height:1.5}.pt-release-notes-page-detail-link{flex:0 0 auto;align-self:center;color:#6b7280;font-size:.72rem}.pt-release-notes-page-details-action{display:flex;justify-content:center;margin-top:.8rem;margin-left:58px}.pt-release-notes-page-details-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;border:0;border-radius:7px;background:transparent;color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:700;cursor:pointer}.pt-release-notes-page-details-button:hover:not(:disabled){background:var(--pt-release-notes-page-selected-bg, #f3f0f8)}.pt-release-notes-page-details-button:disabled{opacity:.5;cursor:default}.pt-release-notes-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:3rem;color:#6b7280;text-align:center}.pt-release-notes-page-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;border-radius:50%;background:#f3f4f6;color:#9ca3af;font-size:1.6rem}.pt-release-notes-page-empty-text{max-width:450px;font-size:.9rem}.pt-release-notes-page-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:#6b7280;font-size:.85rem}.pt-release-notes-page-pagination{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;box-sizing:border-box;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-pagination-bg, #ffffff)}.pt-release-notes-page-pagination ::ng-deep .p-paginator{width:100%;border:0;background:transparent}@media(max-width:768px){.pt-release-notes-page-header,.pt-release-notes-page-toolbar{flex-direction:column;align-items:stretch}.pt-release-notes-page-filters{overflow-x:auto}.pt-release-notes-page-search{width:100%}.pt-release-notes-page-item{padding:1rem 1.1rem}.pt-release-notes-page-details,.pt-release-notes-page-details-action{margin-left:0}.pt-release-notes-page-unread-indicator{right:0}}\n"] }]
+            args: [{ selector: 'pt-release-notes-page', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (resolvedConfig.visible) {\n  <div class=\"pt-release-notes-page\">\n    <div class=\"pt-release-notes-page-header\">\n      <div class=\"pt-release-notes-page-heading\">\n        <div class=\"pt-release-notes-page-title-row\">\n          <div class=\"pt-release-notes-page-title-icon\">\n            <i [class]=\"resolvedConfig.icon\"></i>\n          </div>\n\n          <div>\n            <h2 class=\"pt-release-notes-page-title\">\n              {{ getTitle() }}\n            </h2>\n\n            <div class=\"pt-release-notes-page-subtitle\">\n              {{ getSubtitle() }}\n            </div>\n          </div>\n        </div>\n\n        @if (showCounters()) {\n          <div class=\"pt-release-notes-page-counters\">\n            <span class=\"pt-release-notes-page-counter\">\n              {{ getTotalCount() }}\n              version(s)\n            </span>\n\n            @if (getUnreadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter unread\">\n                {{ getUnreadCount() }}\n                non lue(s)\n              </span>\n            }\n\n            @if (getReadCount() > 0) {\n              <span class=\"pt-release-notes-page-counter read\">\n                {{ getReadCount() }}\n                lue(s)\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"pt-release-notes-page-toolbar\">\n      <div class=\"pt-release-notes-page-toolbar-left\">\n        <div class=\"pt-release-notes-page-filters\">\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-filter\"\n            [class.selected]=\"isFilterSelected('ALL')\"\n            (click)=\"selectFilter('ALL')\"\n          >\n            {{ getAllLabel() }}\n\n            <span class=\"pt-release-notes-page-filter-count\">\n              {{ getTotalCount() }}\n            </span>\n          </button>\n\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-filter\"\n            [class.selected]=\"isFilterSelected('UNREAD')\"\n            (click)=\"selectFilter('UNREAD')\"\n          >\n            {{ getUnreadLabel() }}\n\n            <span class=\"pt-release-notes-page-filter-count\">\n              {{ getUnreadCount() }}\n            </span>\n          </button>\n\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-filter\"\n            [class.selected]=\"isFilterSelected('READ')\"\n            (click)=\"selectFilter('READ')\"\n          >\n            {{ getReadLabel() }}\n\n            <span class=\"pt-release-notes-page-filter-count\">\n              {{ getReadCount() }}\n            </span>\n          </button>\n        </div>\n\n        @if (hasExpandableReleases()) {\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-expand-all\"\n            [class.expanded]=\"areAllDetailsExpanded()\"\n            (click)=\"toggleAllDetails()\"\n          >\n            <i\n              class=\"pi\"\n              [ngClass]=\"\n                areAllDetailsExpanded()\n                  ? 'pi-angle-double-up'\n                  : 'pi-angle-double-down'\n              \"\n            ></i>\n\n            <span>\n              {{ getToggleAllDetailsText() }}\n            </span>\n          </button>\n        }\n      </div>\n\n      <div class=\"pt-release-notes-page-search\">\n        <i class=\"pi pi-search\"></i>\n\n        <input\n          type=\"text\"\n          [value]=\"searchText\"\n          [placeholder]=\"getSearchPlaceholder()\"\n          (input)=\"onSearch($any($event.target).value)\"\n        />\n\n        @if (hasSearch()) {\n          <button\n            type=\"button\"\n            class=\"pt-release-notes-page-search-clear\"\n            aria-label=\"Effacer la recherche\"\n            (click)=\"clearSearch()\"\n          >\n            <i class=\"pi pi-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    @if (hasReleases()) {\n      <div class=\"pt-release-notes-page-list\">\n        @for (release of getDisplayedReleases(); track release.id) {\n          <div [class]=\"getReleaseClasses(release)\">\n            <div class=\"pt-release-notes-page-item-top\">\n              <div class=\"pt-release-notes-page-item-icon-wrapper\">\n                <div class=\"pt-release-notes-page-item-icon\">\n                  <i class=\"pi pi-sparkles\"></i>\n                </div>\n              </div>\n\n              <div class=\"pt-release-notes-page-item-content\">\n                <div class=\"pt-release-notes-page-version-row\">\n                  <span class=\"pt-release-notes-page-version\">\n                    v{{ release.version }}\n                  </span>\n\n                  <span class=\"pt-release-notes-page-item-title\">\n                    {{ release.title }}\n                  </span>\n                </div>\n\n                @if (release.summary) {\n                  <div class=\"pt-release-notes-page-summary\">\n                    {{ release.summary }}\n                  </div>\n                }\n\n                @if (release.date) {\n                  <div class=\"pt-release-notes-page-metadata\">\n                    <span>\n                      <i class=\"pi pi-calendar\"></i>\n\n                      {{ release.date | date: \"dd/MM/yyyy\" }}\n                    </span>\n                  </div>\n                }\n\n                @if (hasCounters(release)) {\n                  <div class=\"pt-release-notes-page-stats\">\n                    @if (hasNewItems(release)) {\n                      <span class=\"pt-release-notes-page-stat new\">\n                        <i class=\"pi pi-plus-circle\"></i>\n\n                        <strong>\n                          {{ getNewCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.newLabel }}\n                      </span>\n                    }\n\n                    @if (hasImprovements(release)) {\n                      <span class=\"pt-release-notes-page-stat improvement\">\n                        <i class=\"pi pi-arrow-up-right\"></i>\n\n                        <strong>\n                          {{ getImprovementCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.improvementLabel }}\n                      </span>\n                    }\n\n                    @if (hasBugFixes(release)) {\n                      <span class=\"pt-release-notes-page-stat bug-fix\">\n                        <i class=\"pi pi-wrench\"></i>\n\n                        <strong>\n                          {{ getBugFixCount(release) }}\n                        </strong>\n\n                        {{ resolvedConfig.bugFixLabel }}\n                      </span>\n                    }\n                  </div>\n                }\n              </div>\n\n              @if (release.read !== true) {\n                <span class=\"pt-release-notes-page-unread-indicator\"></span>\n              }\n            </div>\n\n            @if (hasDetails(release) && isDetailsExpanded(release)) {\n              <div class=\"pt-release-notes-page-details\">\n                @if (hasDetailsByType(release, \"NEW\")) {\n                  <section class=\"pt-release-notes-page-detail-section new\">\n                    <div class=\"pt-release-notes-page-detail-section-header\">\n                      <div class=\"pt-release-notes-page-detail-section-title\">\n                        <span class=\"pt-release-notes-page-detail-section-icon\">\n                          <i class=\"pi pi-plus-circle\"></i>\n                        </span>\n\n                        <span>\n                          {{ resolvedConfig.newLabel }}\n                        </span>\n                      </div>\n\n                      <span class=\"pt-release-notes-page-detail-section-count\">\n                        {{ getDetailsByType(release, \"NEW\").length }}\n                      </span>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-section-content\">\n                      @for (\n                        detail of getDetailsByType(release, \"NEW\");\n                        track detail.id\n                      ) {\n                        <button\n                          type=\"button\"\n                          class=\"pt-release-notes-page-detail new\"\n                          [class.disabled]=\"detail.disabled\"\n                          [ngClass]=\"detail.styleClass || ''\"\n                          [disabled]=\"detail.disabled\"\n                          (click)=\"onDetailClick(detail, $event)\"\n                        >\n                          <div class=\"pt-release-notes-page-detail-icon\">\n                            <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                          </div>\n\n                          <div class=\"pt-release-notes-page-detail-content\">\n                            <div class=\"pt-release-notes-page-detail-title\">\n                              {{ detail.title }}\n                            </div>\n\n                            @if (detail.description) {\n                              <div\n                                class=\"pt-release-notes-page-detail-description\"\n                              >\n                                {{ detail.description }}\n                              </div>\n                            }\n                          </div>\n\n                          @if (detail.link) {\n                            <i\n                              class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                            ></i>\n                          }\n                        </button>\n                      }\n                    </div>\n                  </section>\n                }\n\n                @if (hasDetailsByType(release, \"IMPROVEMENT\")) {\n                  <section\n                    class=\"pt-release-notes-page-detail-section improvement\"\n                  >\n                    <div class=\"pt-release-notes-page-detail-section-header\">\n                      <div class=\"pt-release-notes-page-detail-section-title\">\n                        <span class=\"pt-release-notes-page-detail-section-icon\">\n                          <i class=\"pi pi-arrow-up-right\"></i>\n                        </span>\n\n                        <span>\n                          {{ resolvedConfig.improvementLabel }}\n                        </span>\n                      </div>\n\n                      <span class=\"pt-release-notes-page-detail-section-count\">\n                        {{ getDetailsByType(release, \"IMPROVEMENT\").length }}\n                      </span>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-section-content\">\n                      @for (\n                        detail of getDetailsByType(release, \"IMPROVEMENT\");\n                        track detail.id\n                      ) {\n                        <button\n                          type=\"button\"\n                          class=\"pt-release-notes-page-detail improvement\"\n                          [class.disabled]=\"detail.disabled\"\n                          [ngClass]=\"detail.styleClass || ''\"\n                          [disabled]=\"detail.disabled\"\n                          (click)=\"onDetailClick(detail, $event)\"\n                        >\n                          <div class=\"pt-release-notes-page-detail-icon\">\n                            <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                          </div>\n\n                          <div class=\"pt-release-notes-page-detail-content\">\n                            <div class=\"pt-release-notes-page-detail-title\">\n                              {{ detail.title }}\n                            </div>\n\n                            @if (detail.description) {\n                              <div\n                                class=\"pt-release-notes-page-detail-description\"\n                              >\n                                {{ detail.description }}\n                              </div>\n                            }\n                          </div>\n\n                          @if (detail.link) {\n                            <i\n                              class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                            ></i>\n                          }\n                        </button>\n                      }\n                    </div>\n                  </section>\n                }\n\n                @if (hasDetailsByType(release, \"BUG_FIX\")) {\n                  <section class=\"pt-release-notes-page-detail-section bug-fix\">\n                    <div class=\"pt-release-notes-page-detail-section-header\">\n                      <div class=\"pt-release-notes-page-detail-section-title\">\n                        <span class=\"pt-release-notes-page-detail-section-icon\">\n                          <i class=\"pi pi-wrench\"></i>\n                        </span>\n\n                        <span>\n                          {{ resolvedConfig.bugFixLabel }}\n                        </span>\n                      </div>\n\n                      <span class=\"pt-release-notes-page-detail-section-count\">\n                        {{ getDetailsByType(release, \"BUG_FIX\").length }}\n                      </span>\n                    </div>\n\n                    <div class=\"pt-release-notes-page-detail-section-content\">\n                      @for (\n                        detail of getDetailsByType(release, \"BUG_FIX\");\n                        track detail.id\n                      ) {\n                        <button\n                          type=\"button\"\n                          class=\"pt-release-notes-page-detail bug-fix\"\n                          [class.disabled]=\"detail.disabled\"\n                          [ngClass]=\"detail.styleClass || ''\"\n                          [disabled]=\"detail.disabled\"\n                          (click)=\"onDetailClick(detail, $event)\"\n                        >\n                          <div class=\"pt-release-notes-page-detail-icon\">\n                            <i [ngClass]=\"getDetailIcon(detail)\"></i>\n                          </div>\n\n                          <div class=\"pt-release-notes-page-detail-content\">\n                            <div class=\"pt-release-notes-page-detail-title\">\n                              {{ detail.title }}\n                            </div>\n\n                            @if (detail.description) {\n                              <div\n                                class=\"pt-release-notes-page-detail-description\"\n                              >\n                                {{ detail.description }}\n                              </div>\n                            }\n                          </div>\n\n                          @if (detail.link) {\n                            <i\n                              class=\"pi pi-arrow-right pt-release-notes-page-detail-link\"\n                            ></i>\n                          }\n                        </button>\n                      }\n                    </div>\n                  </section>\n                }\n              </div>\n            }\n\n            @if (hasDetails(release)) {\n              <div class=\"pt-release-notes-page-details-action\">\n                <button\n                  type=\"button\"\n                  class=\"pt-release-notes-page-details-button\"\n                  [disabled]=\"release.disabled\"\n                  (click)=\"toggleDetails(release)\"\n                >\n                  <span>\n                    {{ getDetailsButtonText(release) }}\n                  </span>\n\n                  <i\n                    class=\"pi\"\n                    [ngClass]=\"\n                      isDetailsExpanded(release)\n                        ? 'pi-chevron-up'\n                        : 'pi-chevron-down'\n                    \"\n                  ></i>\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    } @else if (!loading) {\n      <div class=\"pt-release-notes-page-empty\">\n        <div class=\"pt-release-notes-page-empty-icon\">\n          <i [class]=\"getEmptyIcon()\"></i>\n        </div>\n\n        <div class=\"pt-release-notes-page-empty-text\">\n          @if (hasSearch()) {\n            {{ getNoSearchResultText() }}\n          } @else {\n            {{ getEmptyText() }}\n          }\n        </div>\n      </div>\n    }\n\n    @if (loading) {\n      <div class=\"pt-release-notes-page-loading\">\n        <i class=\"pi pi-spin pi-spinner\"></i>\n\n        <span>\n          {{ resolvedConfig.loadingText }}\n        </span>\n      </div>\n    }\n\n    @if (showPagination()) {\n      <div class=\"pt-release-notes-page-pagination\">\n        <p-paginator\n          [first]=\"getFirst()\"\n          [rows]=\"rows\"\n          [totalRecords]=\"totalRecords\"\n          [rowsPerPageOptions]=\"getRowsPerPageOptions()\"\n          [showCurrentPageReport]=\"showCurrentPageReport()\"\n          [currentPageReportTemplate]=\"getCurrentPageReportTemplate()\"\n          (onPageChange)=\"onPageChange($event)\"\n        ></p-paginator>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{display:block;width:100%}.pt-release-notes-page{position:relative;width:100%;background:var(--pt-release-notes-page-bg, #ffffff);border:1px solid var(--pt-release-notes-page-border, #e5e7eb);border-radius:14px;overflow:visible}.pt-release-notes-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-heading{display:flex;flex-direction:column;gap:.85rem}.pt-release-notes-page-title-row{display:flex;align-items:center;gap:.8rem}.pt-release-notes-page-title-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-title-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-title-icon-color, #3f2564);font-size:1.15rem}.pt-release-notes-page-title{margin:0;color:var(--pt-release-notes-page-title-color, #1f2937);font-size:1.25rem;font-weight:700}.pt-release-notes-page-subtitle{margin-top:.2rem;color:var(--pt-release-notes-page-subtitle-color, #6b7280);font-size:.875rem}.pt-release-notes-page-counters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.pt-release-notes-page-counter{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:var(--pt-release-notes-page-counter-bg, #f3f4f6);color:var(--pt-release-notes-page-counter-color, #4b5563);font-size:.78rem;font-weight:600}.pt-release-notes-page-counter.unread{background:var(--pt-release-notes-page-unread-counter-bg, #f3f0f8);color:var(--pt-release-notes-page-unread-counter-color, #3f2564)}.pt-release-notes-page-counter.read{background:var(--pt-release-notes-page-read-counter-bg, #ecfdf5);color:var(--pt-release-notes-page-read-counter-color, #15803d)}.pt-release-notes-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}.pt-release-notes-page-filters{display:flex;align-items:center;gap:.4rem}.pt-release-notes-page-filter{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border:1px solid var(--pt-release-notes-page-filter-border, #e5e7eb);border-radius:8px;background:var(--pt-release-notes-page-filter-bg, #ffffff);color:var(--pt-release-notes-page-filter-color, #4b5563);font-size:.82rem;font-weight:600;cursor:pointer}.pt-release-notes-page-filter:hover{background:#f9fafb}.pt-release-notes-page-filter.selected{border-color:var(--pt-release-notes-page-primary, #3f2564);background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564)}.pt-release-notes-page-filter-count{min-width:20px;padding:.1rem .35rem;border-radius:999px;background:#0000000d;text-align:center;font-size:.72rem}.pt-release-notes-page-expand-all{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:34px;padding:.45rem .75rem;border:1px solid var(--pt-release-notes-page-filter-border, #e5e7eb);border-radius:8px;background:#fff;color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pt-release-notes-page-expand-all:hover,.pt-release-notes-page-expand-all.expanded{border-color:var(--pt-release-notes-page-primary, #3f2564);background:var(--pt-release-notes-page-selected-bg, #f3f0f8)}.pt-release-notes-page-search{position:relative;display:flex;align-items:center;width:min(360px,100%)}.pt-release-notes-page-search>.pi-search{position:absolute;left:.85rem;color:#9ca3af}.pt-release-notes-page-search input{width:100%;padding:.65rem 2.5rem .65rem 2.4rem;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:.85rem}.pt-release-notes-page-search input:focus{border-color:var(--pt-release-notes-page-primary, #3f2564);box-shadow:0 0 0 2px #3f256414}.pt-release-notes-page-search-clear{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#6b7280;cursor:pointer}.pt-release-notes-page-list{width:100%}.pt-release-notes-page-item{position:relative;padding:1.1rem 1.5rem;border-bottom:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-item-bg, #ffffff);transition:background .15s ease}.pt-release-notes-page-item:last-child{border-bottom:0}.pt-release-notes-page-item:hover{background:var(--pt-release-notes-page-item-hover-bg, #f9fafb)}.pt-release-notes-page-item.unread{background:var(--pt-release-notes-page-unread-bg, #faf8fd)}.pt-release-notes-page-item.unread:hover{background:var(--pt-release-notes-page-unread-hover-bg, #f6f2fa)}.pt-release-notes-page-item.disabled{opacity:.55}.pt-release-notes-page-item-top{position:relative;display:flex;align-items:flex-start;gap:1rem}.pt-release-notes-page-item-icon-wrapper{flex:0 0 auto}.pt-release-notes-page-item-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pt-release-notes-page-item-icon-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:1rem}.pt-release-notes-page-item-content{flex:1 1 auto;min-width:0}.pt-release-notes-page-version-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.pt-release-notes-page-version{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:6px;background:var(--pt-release-notes-page-selected-bg, #f3f0f8);color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:800}.pt-release-notes-page-item-title{color:var(--pt-release-notes-page-text-color, #1f2937);font-size:.9rem;font-weight:700}.pt-release-notes-page-summary{margin-top:.45rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.85rem;line-height:1.5}.pt-release-notes-page-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.5rem;color:var(--pt-release-notes-page-metadata-color, #6b7280);font-size:.78rem}.pt-release-notes-page-metadata span{display:inline-flex;align-items:center;gap:.35rem}.pt-release-notes-page-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.pt-release-notes-page-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.pt-release-notes-page-stat.new{background:#dcfce7;color:#15803d}.pt-release-notes-page-stat.improvement{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-stat.bug-fix{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-unread-indicator{position:absolute;top:50%;right:-1rem;width:7px;height:7px;border-radius:50%;background:var(--pt-release-notes-page-unread-indicator, #3f2564);transform:translateY(-50%)}.pt-release-notes-page-details{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-left:58px;padding-top:1rem;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb)}.pt-release-notes-page-detail-section{overflow:hidden;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.pt-release-notes-page-detail-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid #e5e7eb}.pt-release-notes-page-detail-section-title{display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.015em}.pt-release-notes-page-detail-section-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px}.pt-release-notes-page-detail-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;border-radius:999px;font-size:.7rem;font-weight:800}.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-header{background:#f0fdf4}.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-title{color:#15803d}.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-icon,.pt-release-notes-page-detail-section.new .pt-release-notes-page-detail-section-count{background:#dcfce7;color:#15803d}.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-header{background:#eff6ff}.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-title{color:#1d4ed8}.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-icon,.pt-release-notes-page-detail-section.improvement .pt-release-notes-page-detail-section-count{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-header{background:#fef2f2}.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-title{color:#b91c1c}.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-icon,.pt-release-notes-page-detail-section.bug-fix .pt-release-notes-page-detail-section-count{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-detail-section-content{display:flex;flex-direction:column;padding:.35rem}.pt-release-notes-page-detail{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.pt-release-notes-page-detail:hover:not(:disabled){background:#f9fafb}.pt-release-notes-page-detail.disabled{opacity:.55;cursor:default}.pt-release-notes-page-detail-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.pt-release-notes-page-detail.new .pt-release-notes-page-detail-icon{background:#dcfce7;color:#15803d}.pt-release-notes-page-detail.improvement .pt-release-notes-page-detail-icon{background:#dbeafe;color:#1d4ed8}.pt-release-notes-page-detail.bug-fix .pt-release-notes-page-detail-icon{background:#fee2e2;color:#b91c1c}.pt-release-notes-page-detail-content{flex:1;min-width:0}.pt-release-notes-page-detail-title{color:#1f2937;font-size:.84rem;font-weight:700}.pt-release-notes-page-detail-description{margin-top:.25rem;color:#6b7280;font-size:.78rem;line-height:1.5}.pt-release-notes-page-detail-link{flex:0 0 auto;align-self:center;color:#6b7280;font-size:.72rem}.pt-release-notes-page-details-action{display:flex;justify-content:center;margin-top:.8rem;margin-left:58px}.pt-release-notes-page-details-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;border:0;border-radius:7px;background:transparent;color:var(--pt-release-notes-page-primary, #3f2564);font-size:.78rem;font-weight:700;cursor:pointer}.pt-release-notes-page-details-button:hover:not(:disabled){background:var(--pt-release-notes-page-selected-bg, #f3f0f8)}.pt-release-notes-page-details-button:disabled{opacity:.5;cursor:default}.pt-release-notes-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:3rem;color:#6b7280;text-align:center}.pt-release-notes-page-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;border-radius:50%;background:#f3f4f6;color:#9ca3af;font-size:1.6rem}.pt-release-notes-page-empty-text{max-width:450px;font-size:.9rem}.pt-release-notes-page-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:#6b7280;font-size:.85rem}.pt-release-notes-page-pagination{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;box-sizing:border-box;border-top:1px solid var(--pt-release-notes-page-border, #e5e7eb);background:var(--pt-release-notes-page-pagination-bg, #ffffff)}.pt-release-notes-page-pagination ::ng-deep .p-paginator{width:100%;border:0;background:transparent}@media(max-width:768px){.pt-release-notes-page-header,.pt-release-notes-page-toolbar,.pt-release-notes-page-toolbar-left{flex-direction:column;align-items:stretch}.pt-release-notes-page-filters{overflow-x:auto}.pt-release-notes-page-expand-all{align-self:flex-start}.pt-release-notes-page-search{width:100%}.pt-release-notes-page-item{padding:1rem 1.1rem}.pt-release-notes-page-details,.pt-release-notes-page-details-action{margin-left:0}.pt-release-notes-page-unread-indicator{right:0}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { releases: [{
                 type: Input
             }], loading: [{
@@ -12898,6 +12991,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Input
             }], rows: [{
                 type: Input
+            }], rowsPerPageOptions: [{
+                type: Input
             }], config: [{
                 type: Input
             }], queryChange: [{