@ethlete/cdk 4.61.2 → 4.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/fesm2022/ethlete-cdk.mjs +3 -2
- package/fesm2022/ethlete-cdk.mjs.map +1 -1
- package/index.d.ts +3 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @ethlete/cdk
|
|
2
2
|
|
|
3
|
+
## 4.62.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`657525c`](https://github.com/ethlete-io/ethdk/commit/657525cb209a4953a78acf100c294e518ef481ba) Thanks [@TomTomB](https://github.com/TomTomB)! - Add input to pagination component to switch rendering from a tags to buttons
|
|
8
|
+
|
|
3
9
|
## 4.61.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/fesm2022/ethlete-cdk.mjs
CHANGED
|
@@ -17054,6 +17054,7 @@ class PaginationComponent {
|
|
|
17054
17054
|
this._totalPages = 0;
|
|
17055
17055
|
this.ariaLabel = 'Pagination';
|
|
17056
17056
|
this.pageChangeScrollAnchor = null;
|
|
17057
|
+
this.renderAs = input('links');
|
|
17057
17058
|
this.pages$ = new BehaviorSubject(null);
|
|
17058
17059
|
this.trackByPage = (index) => index;
|
|
17059
17060
|
}
|
|
@@ -17122,13 +17123,13 @@ class PaginationComponent {
|
|
|
17122
17123
|
}
|
|
17123
17124
|
}
|
|
17124
17125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17125
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: PaginationComponent, isStandalone: true, selector: "et-pagination", inputs: { pageControl: "pageControl", totalPages: "totalPages", headTitleTemplate: "headTitleTemplate", headFirstPageTitle: "headFirstPageTitle", headAddCanonicalTag:
|
|
17126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: PaginationComponent, isStandalone: true, selector: "et-pagination", inputs: { pageControl: { classPropertyName: "pageControl", publicName: "pageControl", isSignal: false, isRequired: true, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: false, isRequired: true, transformFunction: null }, headTitleTemplate: { classPropertyName: "headTitleTemplate", publicName: "headTitleTemplate", isSignal: false, isRequired: false, transformFunction: null }, headFirstPageTitle: { classPropertyName: "headFirstPageTitle", publicName: "headFirstPageTitle", isSignal: false, isRequired: false, transformFunction: null }, headAddCanonicalTag: { classPropertyName: "headAddCanonicalTag", publicName: "headAddCanonicalTag", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, pageChangeScrollAnchor: { classPropertyName: "pageChangeScrollAnchor", publicName: "pageChangeScrollAnchor", isSignal: false, isRequired: false, transformFunction: null }, renderAs: { classPropertyName: "renderAs", publicName: "renderAs", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "et-pagination" }, providers: [PaginationHeadService], ngImport: i0, template: "@if (pages$ | async; as pages) {\n <nav [attr.aria-label]=\"ariaLabel\" class=\"et-pagination-nav\">\n <ul class=\"et-pagination-list\">\n @for (page of pages; track trackByPage($index, page)) {\n <li\n [class.et-pagination-hot-link]=\"page.type === 'hotLink'\"\n [class.et-pagination-page-link]=\"page.type === 'page'\"\n [class.et-pagination-item-disabled]=\"page.disabled\"\n class=\"et-pagination-list-item et-pagination-{{ page.explicitType }}\"\n >\n @if (renderAs() === 'links') {\n <a\n [attr.aria-current]=\"page.current ? 'page' : null\"\n [attr.aria-label]=\"page.ariaLabel\"\n [attr.aria-disabled]=\"page.disabled ? 'true' : null\"\n [etPaginationLink]=\"page\"\n [href]=\"page.disabled ? '#' : page.url\"\n (pageClick)=\"onPageClick($event)\"\n class=\"et-pagination-anchor et-pagination-anchor--link\"\n >\n @if (page.type === 'page') {\n {{ page.page }}\n }\n </a>\n } @else {\n <button\n [attr.aria-current]=\"page.current ? 'page' : null\"\n [attr.aria-label]=\"page.ariaLabel\"\n [disabled]=\"page.disabled\"\n [etPaginationLink]=\"page\"\n (pageClick)=\"onPageClick($event)\"\n class=\"et-pagination-anchor et-pagination-anchor--button\"\n >\n @if (page.type === 'page') {\n {{ page.page }}\n }\n </button>\n }\n </li>\n }\n </ul>\n </nav>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PaginationLinkDirective, selector: "[etPaginationLink]", inputs: ["etPaginationLink"], outputs: ["pageClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17126
17127
|
}
|
|
17127
17128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
17128
17129
|
type: Component,
|
|
17129
17130
|
args: [{ selector: 'et-pagination', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, PaginationLinkDirective], providers: [PaginationHeadService], host: {
|
|
17130
17131
|
class: 'et-pagination',
|
|
17131
|
-
}, template: "@if (pages$ | async; as pages) {\n <nav [attr.aria-label]=\"ariaLabel\" class=\"et-pagination-nav\">\n <ul class=\"et-pagination-list\">\n @for (page of pages; track trackByPage($index, page)) {\n <li\n [class.et-pagination-hot-link]=\"page.type === 'hotLink'\"\n [class.et-pagination-page-link]=\"page.type === 'page'\"\n [class.et-pagination-item-disabled]=\"page.disabled\"\n class=\"et-pagination-list-item et-pagination-{{ page.explicitType }}\"\n >\n <a\n
|
|
17132
|
+
}, template: "@if (pages$ | async; as pages) {\n <nav [attr.aria-label]=\"ariaLabel\" class=\"et-pagination-nav\">\n <ul class=\"et-pagination-list\">\n @for (page of pages; track trackByPage($index, page)) {\n <li\n [class.et-pagination-hot-link]=\"page.type === 'hotLink'\"\n [class.et-pagination-page-link]=\"page.type === 'page'\"\n [class.et-pagination-item-disabled]=\"page.disabled\"\n class=\"et-pagination-list-item et-pagination-{{ page.explicitType }}\"\n >\n @if (renderAs() === 'links') {\n <a\n [attr.aria-current]=\"page.current ? 'page' : null\"\n [attr.aria-label]=\"page.ariaLabel\"\n [attr.aria-disabled]=\"page.disabled ? 'true' : null\"\n [etPaginationLink]=\"page\"\n [href]=\"page.disabled ? '#' : page.url\"\n (pageClick)=\"onPageClick($event)\"\n class=\"et-pagination-anchor et-pagination-anchor--link\"\n >\n @if (page.type === 'page') {\n {{ page.page }}\n }\n </a>\n } @else {\n <button\n [attr.aria-current]=\"page.current ? 'page' : null\"\n [attr.aria-label]=\"page.ariaLabel\"\n [disabled]=\"page.disabled\"\n [etPaginationLink]=\"page\"\n (pageClick)=\"onPageClick($event)\"\n class=\"et-pagination-anchor et-pagination-anchor--button\"\n >\n @if (page.type === 'page') {\n {{ page.page }}\n }\n </button>\n }\n </li>\n }\n </ul>\n </nav>\n}\n" }]
|
|
17132
17133
|
}], propDecorators: { pageControl: [{
|
|
17133
17134
|
type: Input,
|
|
17134
17135
|
args: [{ required: true }]
|