@radix-ng/primitives 0.29.0 → 0.31.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/checkbox/src/checkbox.directive.d.ts +11 -0
- package/config/index.d.ts +2 -0
- package/config/src/config.d.ts +21 -0
- package/config/src/config.provider.d.ts +10 -0
- package/core/index.d.ts +2 -0
- package/core/src/isNumber.d.ts +1 -0
- package/core/src/nullish.d.ts +1 -0
- package/dialog/src/dialog.config.d.ts +1 -0
- package/dropdown-menu/src/dropdown-menu-label.directive.d.ts +2 -1
- package/dropdown-menu/src/dropdown-menu-separator.directive.d.ts +2 -2
- package/fesm2022/radix-ng-primitives-accordion.mjs +20 -20
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +22 -22
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +3 -3
- package/fesm2022/radix-ng-primitives-avatar.mjs +16 -16
- package/fesm2022/radix-ng-primitives-checkbox.mjs +28 -17
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +10 -10
- package/fesm2022/radix-ng-primitives-config.mjs +54 -0
- package/fesm2022/radix-ng-primitives-config.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-context-menu.mjs +36 -36
- package/fesm2022/radix-ng-primitives-core.mjs +14 -8
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +40 -38
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +39 -44
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +30 -33
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +3 -3
- package/fesm2022/radix-ng-primitives-menu.mjs +429 -62
- package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menubar.mjs +87 -139
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-pagination.mjs +326 -0
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-popover.mjs +30 -33
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +68 -90
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +13 -13
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +7 -7
- package/fesm2022/radix-ng-primitives-select.mjs +36 -36
- package/fesm2022/radix-ng-primitives-separator.mjs +3 -3
- package/fesm2022/radix-ng-primitives-slider.mjs +32 -32
- package/fesm2022/radix-ng-primitives-switch.mjs +13 -13
- package/fesm2022/radix-ng-primitives-tabs.mjs +16 -16
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +9 -9
- package/fesm2022/radix-ng-primitives-toggle.mjs +6 -6
- package/fesm2022/radix-ng-primitives-toolbar.mjs +22 -22
- package/fesm2022/radix-ng-primitives-tooltip.mjs +30 -33
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +9 -9
- package/hover-card/src/hover-card-root.directive.d.ts +4 -4
- package/menu/index.d.ts +20 -9
- package/menu/src/menu-content.directive.d.ts +1 -1
- package/menu/src/menu-directive.d.ts +1 -1
- package/menu/src/menu-group.directive.d.ts +1 -1
- package/menu/src/menu-item-checkbox.directive.d.ts +21 -0
- package/menu/src/menu-item-indicator.directive.d.ts +10 -0
- package/menu/src/menu-item-radio.directive.d.ts +20 -0
- package/menu/src/menu-item.directive.d.ts +8 -2
- package/menu/src/menu-label.directive.d.ts +1 -1
- package/menu/src/menu-radio-group.directive.d.ts +6 -0
- package/menu/src/menu-separator.directive.d.ts +1 -2
- package/menu/src/menu-trigger.directive.d.ts +35 -0
- package/menu/src/utils.d.ts +3 -0
- package/menubar/index.d.ts +1 -1
- package/menubar/src/menubar-content.directive.d.ts +2 -2
- package/menubar/src/menubar-item-checkbox.directive.d.ts +2 -10
- package/menubar/src/menubar-item-indicator.directive.d.ts +2 -1
- package/menubar/src/menubar-item-radio.directive.d.ts +2 -10
- package/menubar/src/menubar-item.directive.d.ts +1 -3
- package/menubar/src/menubar-radio-group.directive.d.ts +1 -1
- package/menubar/src/menubar-root.directive.d.ts +3 -4
- package/menubar/src/menubar-separator.directive.d.ts +1 -1
- package/menubar/src/menubar-trigger.directive.d.ts +2 -7
- package/package.json +19 -11
- package/pagination/README.md +1 -0
- package/pagination/index.d.ts +23 -0
- package/pagination/src/pagination-context.token.d.ts +11 -0
- package/pagination/src/pagination-ellipsis.directive.d.ts +5 -0
- package/pagination/src/pagination-first.directive.d.ts +8 -0
- package/pagination/src/pagination-last.directive.d.ts +8 -0
- package/pagination/src/pagination-list-item.directive.d.ts +10 -0
- package/pagination/src/pagination-list.directive.d.ts +12 -0
- package/pagination/src/pagination-next.directive.d.ts +8 -0
- package/pagination/src/pagination-prev.directive.d.ts +8 -0
- package/pagination/src/pagination-root.directive.d.ts +18 -0
- package/pagination/src/utils.d.ts +9 -0
- package/popover/src/popover-root.directive.d.ts +4 -4
- package/progress/src/progress-root.directive.d.ts +19 -33
- package/schematics/collection.json +2 -3
- package/schematics/ng-add/index.d.ts +1 -2
- package/schematics/ng-add/index.js +48 -18
- package/schematics/ng-add/index.js.map +1 -1
- package/schematics/ng-add/package-config.d.ts +18 -0
- package/schematics/ng-add/package-config.js +51 -0
- package/schematics/ng-add/package-config.js.map +1 -0
- package/tooltip/src/tooltip-root.directive.d.ts +4 -4
- package/LICENSE +0 -21
- package/schematics/ng-add/schema.d.ts +0 -3
- package/schematics/ng-add/schema.js +0 -3
- package/schematics/ng-add/schema.js.map +0 -1
@@ -0,0 +1,326 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { Directive, InjectionToken, inject, computed, input, numberAttribute, model, booleanAttribute, output, forwardRef, NgModule } from '@angular/core';
|
3
|
+
|
4
|
+
class RdxPaginationEllipsisDirective {
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationEllipsisDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
6
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPaginationEllipsisDirective, isStandalone: true, selector: "[rdxPaginationEllipsis]", host: { properties: { "attr.data-type": "\"ellipsis\"" } }, ngImport: i0 }); }
|
7
|
+
}
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationEllipsisDirective, decorators: [{
|
9
|
+
type: Directive,
|
10
|
+
args: [{
|
11
|
+
selector: '[rdxPaginationEllipsis]',
|
12
|
+
host: {
|
13
|
+
'[attr.data-type]': '"ellipsis"'
|
14
|
+
}
|
15
|
+
}]
|
16
|
+
}] });
|
17
|
+
|
18
|
+
const PAGINATION_ROOT_CONTEXT = new InjectionToken('PaginationRootContext');
|
19
|
+
function injectPaginationRootContext() {
|
20
|
+
return inject(PAGINATION_ROOT_CONTEXT);
|
21
|
+
}
|
22
|
+
|
23
|
+
// as Button
|
24
|
+
class RdxPaginationFirstDirective {
|
25
|
+
constructor() {
|
26
|
+
this.rootContext = injectPaginationRootContext();
|
27
|
+
this.disabled = computed(() => this.rootContext.page() === 1 || this.rootContext.disabled());
|
28
|
+
}
|
29
|
+
onClick() {
|
30
|
+
if (!this.disabled()) {
|
31
|
+
this.rootContext.onPageChange(1);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationFirstDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
35
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPaginationFirstDirective, isStandalone: true, selector: "[rdxPaginationFirst]", host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-label": "\"First Page\"", "disabled": "disabled()" } }, ngImport: i0 }); }
|
36
|
+
}
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationFirstDirective, decorators: [{
|
38
|
+
type: Directive,
|
39
|
+
args: [{
|
40
|
+
selector: '[rdxPaginationFirst]',
|
41
|
+
host: {
|
42
|
+
'[attr.aria-label]': '"First Page"',
|
43
|
+
'[disabled]': 'disabled()',
|
44
|
+
'(click)': 'onClick()'
|
45
|
+
}
|
46
|
+
}]
|
47
|
+
}] });
|
48
|
+
|
49
|
+
// as Button
|
50
|
+
class RdxPaginationLastDirective {
|
51
|
+
constructor() {
|
52
|
+
this.rootContext = injectPaginationRootContext();
|
53
|
+
this.disabled = computed(() => this.rootContext.page() === this.rootContext.pageCount() || this.rootContext.disabled());
|
54
|
+
}
|
55
|
+
onClick() {
|
56
|
+
if (!this.disabled()) {
|
57
|
+
this.rootContext.onPageChange(this.rootContext.pageCount());
|
58
|
+
}
|
59
|
+
}
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationLastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
61
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPaginationLastDirective, isStandalone: true, selector: "[rdxPaginationLast]", host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-label": "\"Last Page\"", "disabled": "disabled()" } }, ngImport: i0 }); }
|
62
|
+
}
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationLastDirective, decorators: [{
|
64
|
+
type: Directive,
|
65
|
+
args: [{
|
66
|
+
selector: '[rdxPaginationLast]',
|
67
|
+
host: {
|
68
|
+
'[attr.aria-label]': '"Last Page"',
|
69
|
+
'[disabled]': 'disabled()',
|
70
|
+
'(click)': 'onClick()'
|
71
|
+
}
|
72
|
+
}]
|
73
|
+
}] });
|
74
|
+
|
75
|
+
// as Button
|
76
|
+
class RdxPaginationListItemDirective {
|
77
|
+
constructor() {
|
78
|
+
this.rootContext = injectPaginationRootContext();
|
79
|
+
this.value = input();
|
80
|
+
this.disabled = computed(() => this.rootContext.disabled());
|
81
|
+
this.isSelected = computed(() => this.rootContext.page() === this.value());
|
82
|
+
}
|
83
|
+
onClick() {
|
84
|
+
const pageValue = this.value();
|
85
|
+
if (!this.disabled() && typeof pageValue === 'number') {
|
86
|
+
this.rootContext.onPageChange(pageValue);
|
87
|
+
}
|
88
|
+
}
|
89
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
90
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxPaginationListItemDirective, isStandalone: true, selector: "[rdxPaginationListItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "data-type": "\"page\"", "attr.aria-label": "\"Page \" + value()", "attr.aria-current": "isSelected() ? \"page\" : undefined", "attr.data-selected": "isSelected() ? true : undefined", "disabled": "disabled()" } }, ngImport: i0 }); }
|
91
|
+
}
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationListItemDirective, decorators: [{
|
93
|
+
type: Directive,
|
94
|
+
args: [{
|
95
|
+
selector: '[rdxPaginationListItem]',
|
96
|
+
host: {
|
97
|
+
'[data-type]': '"page"',
|
98
|
+
'[attr.aria-label]': '"Page " + value()',
|
99
|
+
'[attr.aria-current]': 'isSelected() ? "page" : undefined',
|
100
|
+
'[attr.data-selected]': 'isSelected() ? true : undefined',
|
101
|
+
'[disabled]': 'disabled()',
|
102
|
+
'(click)': 'onClick()'
|
103
|
+
}
|
104
|
+
}]
|
105
|
+
}] });
|
106
|
+
|
107
|
+
// reference https://github.com/chakra-ui/zag/blob/main/packages/machines/pagination/src/pagination.utils.ts
|
108
|
+
function range(start, end) {
|
109
|
+
const length = end - start + 1;
|
110
|
+
return Array.from({ length }, (_, idx) => idx + start);
|
111
|
+
}
|
112
|
+
function transform(items) {
|
113
|
+
return items.map((value) => {
|
114
|
+
if (typeof value === 'number')
|
115
|
+
return { type: 'page', value };
|
116
|
+
return { type: 'ellipsis' };
|
117
|
+
});
|
118
|
+
}
|
119
|
+
const ELLIPSIS = 'ellipsis';
|
120
|
+
function getRange(currentPage, pageCount, siblingCount, showEdges) {
|
121
|
+
const firstPageIndex = 1;
|
122
|
+
const lastPageIndex = pageCount;
|
123
|
+
const leftSiblingIndex = Math.max(currentPage - siblingCount, firstPageIndex);
|
124
|
+
const rightSiblingIndex = Math.min(currentPage + siblingCount, lastPageIndex);
|
125
|
+
if (showEdges) {
|
126
|
+
/**
|
127
|
+
* `2 * siblingCount + 5` explanation:
|
128
|
+
* 2 * siblingCount for left/right siblings
|
129
|
+
* 5 for 2x left/right ellipsis, 2x first/last page + 1x current page
|
130
|
+
*
|
131
|
+
* For some page counts (e.g. totalPages: 8, siblingCount: 2),
|
132
|
+
* calculated max page is higher than total pages,
|
133
|
+
* so we need to take the minimum of both.
|
134
|
+
*/
|
135
|
+
const totalPageNumbers = Math.min(2 * siblingCount + 5, pageCount);
|
136
|
+
const itemCount = totalPageNumbers - 2; // 2 stands for one ellipsis and either first or last page
|
137
|
+
const showLeftEllipsis =
|
138
|
+
// default condition
|
139
|
+
leftSiblingIndex > firstPageIndex + 2 &&
|
140
|
+
// if the current page is towards the end of the list
|
141
|
+
Math.abs(lastPageIndex - itemCount - firstPageIndex + 1) > 2 &&
|
142
|
+
// if the current page is towards the middle of the list
|
143
|
+
Math.abs(leftSiblingIndex - firstPageIndex) > 2;
|
144
|
+
const showRightEllipsis =
|
145
|
+
// default condition
|
146
|
+
rightSiblingIndex < lastPageIndex - 2 &&
|
147
|
+
// if the current page is towards the start of the list
|
148
|
+
Math.abs(lastPageIndex - itemCount) > 2 &&
|
149
|
+
// if the current page is towards the middle of the list
|
150
|
+
Math.abs(lastPageIndex - rightSiblingIndex) > 2;
|
151
|
+
if (!showLeftEllipsis && showRightEllipsis) {
|
152
|
+
const leftRange = range(1, itemCount);
|
153
|
+
return [...leftRange, ELLIPSIS, lastPageIndex];
|
154
|
+
}
|
155
|
+
if (showLeftEllipsis && !showRightEllipsis) {
|
156
|
+
const rightRange = range(lastPageIndex - itemCount + 1, lastPageIndex);
|
157
|
+
return [firstPageIndex, ELLIPSIS, ...rightRange];
|
158
|
+
}
|
159
|
+
if (showLeftEllipsis && showRightEllipsis) {
|
160
|
+
const middleRange = range(leftSiblingIndex, rightSiblingIndex);
|
161
|
+
return [firstPageIndex, ELLIPSIS, ...middleRange, ELLIPSIS, lastPageIndex];
|
162
|
+
}
|
163
|
+
const fullRange = range(firstPageIndex, lastPageIndex);
|
164
|
+
return fullRange;
|
165
|
+
}
|
166
|
+
else {
|
167
|
+
const itemCount = siblingCount * 2 + 1;
|
168
|
+
if (pageCount < itemCount)
|
169
|
+
return range(1, lastPageIndex);
|
170
|
+
else if (currentPage <= siblingCount + 1)
|
171
|
+
return range(firstPageIndex, itemCount);
|
172
|
+
else if (pageCount - currentPage <= siblingCount)
|
173
|
+
return range(pageCount - itemCount + 1, lastPageIndex);
|
174
|
+
else
|
175
|
+
return range(leftSiblingIndex, rightSiblingIndex);
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
class RdxPaginationListDirective {
|
180
|
+
constructor() {
|
181
|
+
this.rootContext = injectPaginationRootContext();
|
182
|
+
this.transformedRange = computed(() => {
|
183
|
+
return transform(getRange(this.rootContext.page(), this.rootContext.pageCount(), this.rootContext.siblingCount(), this.rootContext.showEdges()));
|
184
|
+
});
|
185
|
+
}
|
186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
187
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPaginationListDirective, isStandalone: true, selector: "[rdxPaginationList]", exportAs: ["rdxPaginationList"], ngImport: i0 }); }
|
188
|
+
}
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationListDirective, decorators: [{
|
190
|
+
type: Directive,
|
191
|
+
args: [{
|
192
|
+
selector: '[rdxPaginationList]',
|
193
|
+
exportAs: 'rdxPaginationList'
|
194
|
+
}]
|
195
|
+
}] });
|
196
|
+
|
197
|
+
// as Button
|
198
|
+
class RdxPaginationNextDirective {
|
199
|
+
constructor() {
|
200
|
+
this.rootContext = injectPaginationRootContext();
|
201
|
+
this.disabled = computed(() => this.rootContext.page() === this.rootContext.pageCount() || this.rootContext.disabled());
|
202
|
+
}
|
203
|
+
onClick() {
|
204
|
+
if (!this.disabled()) {
|
205
|
+
this.rootContext.onPageChange(this.rootContext.page() + 1);
|
206
|
+
}
|
207
|
+
}
|
208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationNextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
209
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPaginationNextDirective, isStandalone: true, selector: "[rdxPaginationNext]", host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-label": "\"Next Page\"", "disabled": "disabled()" } }, ngImport: i0 }); }
|
210
|
+
}
|
211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationNextDirective, decorators: [{
|
212
|
+
type: Directive,
|
213
|
+
args: [{
|
214
|
+
selector: '[rdxPaginationNext]',
|
215
|
+
host: {
|
216
|
+
'[attr.aria-label]': '"Next Page"',
|
217
|
+
'[disabled]': 'disabled()',
|
218
|
+
'(click)': 'onClick()'
|
219
|
+
}
|
220
|
+
}]
|
221
|
+
}] });
|
222
|
+
|
223
|
+
// as Button
|
224
|
+
class RdxPaginationPrevDirective {
|
225
|
+
constructor() {
|
226
|
+
this.rootContext = injectPaginationRootContext();
|
227
|
+
this.disabled = computed(() => this.rootContext.page() === 1 || this.rootContext.disabled());
|
228
|
+
}
|
229
|
+
onClick() {
|
230
|
+
if (!this.disabled()) {
|
231
|
+
this.rootContext.onPageChange(this.rootContext.page() - 1);
|
232
|
+
}
|
233
|
+
}
|
234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationPrevDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
235
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPaginationPrevDirective, isStandalone: true, selector: "[rdxPaginationPrev]", host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-label": "\"Previous Page\"", "disabled": "disabled()" } }, ngImport: i0 }); }
|
236
|
+
}
|
237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationPrevDirective, decorators: [{
|
238
|
+
type: Directive,
|
239
|
+
args: [{
|
240
|
+
selector: '[rdxPaginationPrev]',
|
241
|
+
host: {
|
242
|
+
'[attr.aria-label]': '"Previous Page"',
|
243
|
+
'[disabled]': 'disabled()',
|
244
|
+
'(click)': 'onClick()'
|
245
|
+
}
|
246
|
+
}]
|
247
|
+
}] });
|
248
|
+
|
249
|
+
class RdxPaginationRootDirective {
|
250
|
+
constructor() {
|
251
|
+
this.defaultPage = input(1, { transform: numberAttribute });
|
252
|
+
this.page = model(this.defaultPage());
|
253
|
+
this.itemsPerPage = input(undefined, { transform: numberAttribute });
|
254
|
+
this.total = input(0, { transform: numberAttribute });
|
255
|
+
this.siblingCount = input(2, { transform: numberAttribute });
|
256
|
+
this.disabled = input(false, { transform: booleanAttribute });
|
257
|
+
this.showEdges = input(false, { transform: booleanAttribute });
|
258
|
+
this.updatePage = output();
|
259
|
+
/** @ignore */
|
260
|
+
this.pageCount = computed(() => Math.max(1, Math.ceil(this.total() / (this.itemsPerPage() || 1))));
|
261
|
+
}
|
262
|
+
/** @ignore */
|
263
|
+
onPageChange(value) {
|
264
|
+
if (!this.disabled()) {
|
265
|
+
this.page.set(value);
|
266
|
+
this.updatePage.emit(value);
|
267
|
+
}
|
268
|
+
}
|
269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
270
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxPaginationRootDirective, isStandalone: true, selector: "[rdxPaginationRoot]", inputs: { defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showEdges: { classPropertyName: "showEdges", publicName: "showEdges", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", updatePage: "updatePage" }, providers: [
|
271
|
+
{ provide: PAGINATION_ROOT_CONTEXT, useExisting: forwardRef(() => RdxPaginationRootDirective) }
|
272
|
+
], ngImport: i0 }); }
|
273
|
+
}
|
274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationRootDirective, decorators: [{
|
275
|
+
type: Directive,
|
276
|
+
args: [{
|
277
|
+
selector: '[rdxPaginationRoot]',
|
278
|
+
providers: [
|
279
|
+
{ provide: PAGINATION_ROOT_CONTEXT, useExisting: forwardRef(() => RdxPaginationRootDirective) }
|
280
|
+
]
|
281
|
+
}]
|
282
|
+
}] });
|
283
|
+
|
284
|
+
const paginationImports = [
|
285
|
+
RdxPaginationRootDirective,
|
286
|
+
RdxPaginationListDirective,
|
287
|
+
RdxPaginationFirstDirective,
|
288
|
+
RdxPaginationPrevDirective,
|
289
|
+
RdxPaginationLastDirective,
|
290
|
+
RdxPaginationNextDirective,
|
291
|
+
RdxPaginationListItemDirective,
|
292
|
+
RdxPaginationEllipsisDirective
|
293
|
+
];
|
294
|
+
class RdxPaginationModule {
|
295
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
296
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationModule, imports: [RdxPaginationRootDirective,
|
297
|
+
RdxPaginationListDirective,
|
298
|
+
RdxPaginationFirstDirective,
|
299
|
+
RdxPaginationPrevDirective,
|
300
|
+
RdxPaginationLastDirective,
|
301
|
+
RdxPaginationNextDirective,
|
302
|
+
RdxPaginationListItemDirective,
|
303
|
+
RdxPaginationEllipsisDirective], exports: [RdxPaginationRootDirective,
|
304
|
+
RdxPaginationListDirective,
|
305
|
+
RdxPaginationFirstDirective,
|
306
|
+
RdxPaginationPrevDirective,
|
307
|
+
RdxPaginationLastDirective,
|
308
|
+
RdxPaginationNextDirective,
|
309
|
+
RdxPaginationListItemDirective,
|
310
|
+
RdxPaginationEllipsisDirective] }); }
|
311
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationModule }); }
|
312
|
+
}
|
313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPaginationModule, decorators: [{
|
314
|
+
type: NgModule,
|
315
|
+
args: [{
|
316
|
+
imports: [...paginationImports],
|
317
|
+
exports: [...paginationImports]
|
318
|
+
}]
|
319
|
+
}] });
|
320
|
+
|
321
|
+
/**
|
322
|
+
* Generated bundle index. Do not edit.
|
323
|
+
*/
|
324
|
+
|
325
|
+
export { PAGINATION_ROOT_CONTEXT, RdxPaginationEllipsisDirective, RdxPaginationFirstDirective, RdxPaginationLastDirective, RdxPaginationListDirective, RdxPaginationListItemDirective, RdxPaginationModule, RdxPaginationNextDirective, RdxPaginationPrevDirective, RdxPaginationRootDirective, injectPaginationRootContext };
|
326
|
+
//# sourceMappingURL=radix-ng-primitives-pagination.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"radix-ng-primitives-pagination.mjs","sources":["../../../packages/primitives/pagination/src/pagination-ellipsis.directive.ts","../../../packages/primitives/pagination/src/pagination-context.token.ts","../../../packages/primitives/pagination/src/pagination-first.directive.ts","../../../packages/primitives/pagination/src/pagination-last.directive.ts","../../../packages/primitives/pagination/src/pagination-list-item.directive.ts","../../../packages/primitives/pagination/src/utils.ts","../../../packages/primitives/pagination/src/pagination-list.directive.ts","../../../packages/primitives/pagination/src/pagination-next.directive.ts","../../../packages/primitives/pagination/src/pagination-prev.directive.ts","../../../packages/primitives/pagination/src/pagination-root.directive.ts","../../../packages/primitives/pagination/index.ts","../../../packages/primitives/pagination/radix-ng-primitives-pagination.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[rdxPaginationEllipsis]',\n host: {\n '[attr.data-type]': '\"ellipsis\"'\n }\n})\nexport class RdxPaginationEllipsisDirective {}\n","import { computed, inject, InjectionToken, model } from '@angular/core';\n\nexport interface PaginationRootContext {\n page: ReturnType<typeof model<number>>;\n onPageChange: (value: number) => void;\n pageCount: ReturnType<typeof computed<number>>;\n siblingCount: ReturnType<typeof computed<number>>;\n disabled: ReturnType<typeof computed<boolean>>;\n showEdges: ReturnType<typeof computed<boolean>>;\n}\n\nexport const PAGINATION_ROOT_CONTEXT = new InjectionToken<PaginationRootContext>('PaginationRootContext');\n\nexport function injectPaginationRootContext(): PaginationRootContext {\n return inject(PAGINATION_ROOT_CONTEXT);\n}\n","import { computed, Directive } from '@angular/core';\nimport { injectPaginationRootContext } from './pagination-context.token';\n\n// as Button\n@Directive({\n selector: '[rdxPaginationFirst]',\n host: {\n '[attr.aria-label]': '\"First Page\"',\n\n '[disabled]': 'disabled()',\n '(click)': 'onClick()'\n }\n})\nexport class RdxPaginationFirstDirective {\n private readonly rootContext = injectPaginationRootContext();\n\n readonly disabled = computed(() => this.rootContext.page() === 1 || this.rootContext.disabled());\n\n onClick() {\n if (!this.disabled()) {\n this.rootContext.onPageChange(1);\n }\n }\n}\n","import { computed, Directive } from '@angular/core';\nimport { injectPaginationRootContext } from './pagination-context.token';\n\n// as Button\n@Directive({\n selector: '[rdxPaginationLast]',\n host: {\n '[attr.aria-label]': '\"Last Page\"',\n\n '[disabled]': 'disabled()',\n '(click)': 'onClick()'\n }\n})\nexport class RdxPaginationLastDirective {\n private readonly rootContext = injectPaginationRootContext();\n\n readonly disabled = computed(\n () => this.rootContext.page() === this.rootContext.pageCount() || this.rootContext.disabled()\n );\n\n onClick() {\n if (!this.disabled()) {\n this.rootContext.onPageChange(this.rootContext.pageCount());\n }\n }\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { injectPaginationRootContext } from './pagination-context.token';\n\n// as Button\n@Directive({\n selector: '[rdxPaginationListItem]',\n host: {\n '[data-type]': '\"page\"',\n\n '[attr.aria-label]': '\"Page \" + value()',\n '[attr.aria-current]': 'isSelected() ? \"page\" : undefined',\n '[attr.data-selected]': 'isSelected() ? true : undefined',\n\n '[disabled]': 'disabled()',\n '(click)': 'onClick()'\n }\n})\nexport class RdxPaginationListItemDirective {\n private readonly rootContext = injectPaginationRootContext();\n\n readonly value = input<number>();\n\n readonly disabled = computed(() => this.rootContext.disabled());\n\n readonly isSelected = computed(() => this.rootContext.page() === this.value());\n\n onClick() {\n const pageValue = this.value();\n if (!this.disabled() && typeof pageValue === 'number') {\n this.rootContext.onPageChange(pageValue);\n }\n }\n}\n","// reference https://github.com/chakra-ui/zag/blob/main/packages/machines/pagination/src/pagination.utils.ts\n\ntype Pages = Array<{ type: 'ellipsis' } | { type: 'page'; value: number }>;\n\nfunction range(start: number, end: number) {\n const length = end - start + 1;\n return Array.from({ length }, (_, idx) => idx + start);\n}\n\nexport function transform(items: (string | number)[]): Pages {\n return items.map((value) => {\n if (typeof value === 'number') return { type: 'page', value };\n return { type: 'ellipsis' };\n });\n}\n\nconst ELLIPSIS = 'ellipsis';\n\nexport function getRange(currentPage: number, pageCount: number, siblingCount: number, showEdges: boolean) {\n const firstPageIndex = 1;\n const lastPageIndex = pageCount;\n\n const leftSiblingIndex = Math.max(currentPage - siblingCount, firstPageIndex);\n const rightSiblingIndex = Math.min(currentPage + siblingCount, lastPageIndex);\n\n if (showEdges) {\n /**\n * `2 * siblingCount + 5` explanation:\n * 2 * siblingCount for left/right siblings\n * 5 for 2x left/right ellipsis, 2x first/last page + 1x current page\n *\n * For some page counts (e.g. totalPages: 8, siblingCount: 2),\n * calculated max page is higher than total pages,\n * so we need to take the minimum of both.\n */\n const totalPageNumbers = Math.min(2 * siblingCount + 5, pageCount);\n\n const itemCount = totalPageNumbers - 2; // 2 stands for one ellipsis and either first or last page\n\n const showLeftEllipsis =\n // default condition\n leftSiblingIndex > firstPageIndex + 2 &&\n // if the current page is towards the end of the list\n Math.abs(lastPageIndex - itemCount - firstPageIndex + 1) > 2 &&\n // if the current page is towards the middle of the list\n Math.abs(leftSiblingIndex - firstPageIndex) > 2;\n\n const showRightEllipsis =\n // default condition\n rightSiblingIndex < lastPageIndex - 2 &&\n // if the current page is towards the start of the list\n Math.abs(lastPageIndex - itemCount) > 2 &&\n // if the current page is towards the middle of the list\n Math.abs(lastPageIndex - rightSiblingIndex) > 2;\n\n if (!showLeftEllipsis && showRightEllipsis) {\n const leftRange = range(1, itemCount);\n\n return [...leftRange, ELLIPSIS, lastPageIndex];\n }\n\n if (showLeftEllipsis && !showRightEllipsis) {\n const rightRange = range(lastPageIndex - itemCount + 1, lastPageIndex);\n\n return [firstPageIndex, ELLIPSIS, ...rightRange];\n }\n\n if (showLeftEllipsis && showRightEllipsis) {\n const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n\n return [firstPageIndex, ELLIPSIS, ...middleRange, ELLIPSIS, lastPageIndex];\n }\n\n const fullRange = range(firstPageIndex, lastPageIndex);\n return fullRange;\n } else {\n const itemCount = siblingCount * 2 + 1;\n\n if (pageCount < itemCount) return range(1, lastPageIndex);\n else if (currentPage <= siblingCount + 1) return range(firstPageIndex, itemCount);\n else if (pageCount - currentPage <= siblingCount) return range(pageCount - itemCount + 1, lastPageIndex);\n else return range(leftSiblingIndex, rightSiblingIndex);\n }\n}\n","import { computed, Directive } from '@angular/core';\nimport { injectPaginationRootContext } from './pagination-context.token';\nimport { getRange, transform } from './utils';\n\n@Directive({\n selector: '[rdxPaginationList]',\n exportAs: 'rdxPaginationList'\n})\nexport class RdxPaginationListDirective {\n private readonly rootContext = injectPaginationRootContext();\n\n readonly transformedRange = computed(() => {\n return transform(\n getRange(\n this.rootContext.page(),\n this.rootContext.pageCount(),\n this.rootContext.siblingCount(),\n this.rootContext.showEdges()\n )\n );\n });\n}\n","import { computed, Directive } from '@angular/core';\nimport { injectPaginationRootContext } from './pagination-context.token';\n\n// as Button\n@Directive({\n selector: '[rdxPaginationNext]',\n host: {\n '[attr.aria-label]': '\"Next Page\"',\n\n '[disabled]': 'disabled()',\n '(click)': 'onClick()'\n }\n})\nexport class RdxPaginationNextDirective {\n private readonly rootContext = injectPaginationRootContext();\n\n readonly disabled = computed(\n () => this.rootContext.page() === this.rootContext.pageCount() || this.rootContext.disabled()\n );\n\n onClick() {\n if (!this.disabled()) {\n this.rootContext.onPageChange(this.rootContext.page() + 1);\n }\n }\n}\n","import { computed, Directive } from '@angular/core';\nimport { injectPaginationRootContext } from './pagination-context.token';\n\n// as Button\n@Directive({\n selector: '[rdxPaginationPrev]',\n host: {\n '[attr.aria-label]': '\"Previous Page\"',\n\n '[disabled]': 'disabled()',\n '(click)': 'onClick()'\n }\n})\nexport class RdxPaginationPrevDirective {\n private readonly rootContext = injectPaginationRootContext();\n\n readonly disabled = computed((): boolean => this.rootContext.page() === 1 || this.rootContext.disabled());\n\n onClick() {\n if (!this.disabled()) {\n this.rootContext.onPageChange(this.rootContext.page() - 1);\n }\n }\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n computed,\n Directive,\n forwardRef,\n input,\n model,\n numberAttribute,\n output\n} from '@angular/core';\nimport { PAGINATION_ROOT_CONTEXT } from './pagination-context.token';\n\n@Directive({\n selector: '[rdxPaginationRoot]',\n providers: [\n { provide: PAGINATION_ROOT_CONTEXT, useExisting: forwardRef(() => RdxPaginationRootDirective) }]\n})\nexport class RdxPaginationRootDirective {\n readonly defaultPage = input<number, NumberInput>(1, { transform: numberAttribute });\n\n readonly page = model<number>(this.defaultPage());\n\n readonly itemsPerPage = input<number, NumberInput>(undefined, { transform: numberAttribute });\n\n readonly total = input<number, NumberInput>(0, { transform: numberAttribute });\n\n readonly siblingCount = input<number, NumberInput>(2, { transform: numberAttribute });\n\n readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n readonly showEdges = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n readonly updatePage = output<number>();\n\n /** @ignore */\n readonly pageCount = computed(() => Math.max(1, Math.ceil(this.total() / (this.itemsPerPage() || 1))));\n\n /** @ignore */\n onPageChange(value: number) {\n if (!this.disabled()) {\n this.page.set(value);\n this.updatePage.emit(value);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxPaginationEllipsisDirective } from './src/pagination-ellipsis.directive';\nimport { RdxPaginationFirstDirective } from './src/pagination-first.directive';\nimport { RdxPaginationLastDirective } from './src/pagination-last.directive';\nimport { RdxPaginationListItemDirective } from './src/pagination-list-item.directive';\nimport { RdxPaginationListDirective } from './src/pagination-list.directive';\nimport { RdxPaginationNextDirective } from './src/pagination-next.directive';\nimport { RdxPaginationPrevDirective } from './src/pagination-prev.directive';\nimport { RdxPaginationRootDirective } from './src/pagination-root.directive';\n\nexport * from './src/pagination-context.token';\nexport * from './src/pagination-ellipsis.directive';\nexport * from './src/pagination-first.directive';\nexport * from './src/pagination-last.directive';\nexport * from './src/pagination-list-item.directive';\nexport * from './src/pagination-list.directive';\nexport * from './src/pagination-next.directive';\nexport * from './src/pagination-prev.directive';\nexport * from './src/pagination-root.directive';\n\nconst paginationImports = [\n RdxPaginationRootDirective,\n RdxPaginationListDirective,\n RdxPaginationFirstDirective,\n RdxPaginationPrevDirective,\n RdxPaginationLastDirective,\n RdxPaginationNextDirective,\n RdxPaginationListItemDirective,\n RdxPaginationEllipsisDirective\n];\n\n@NgModule({\n imports: [...paginationImports],\n exports: [...paginationImports]\n})\nexport class RdxPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { InjectionToken, inject, TemplateRef, DestroyRef, computed, input, numberAttribute, booleanAttribute, output, effect, untracked, SimpleChange, Directive, ElementRef, NgZone, Renderer2, isDevMode, VERSION, Injectable, makeEnvironmentProviders, signal, contentChild, ViewContainerRef, afterNextRender, assertInInjectionContext, forwardRef,
|
2
|
+
import { InjectionToken, inject, TemplateRef, DestroyRef, computed, input, numberAttribute, booleanAttribute, output, effect, untracked, SimpleChange, Directive, ElementRef, NgZone, Renderer2, isDevMode, VERSION, Injectable, makeEnvironmentProviders, signal, contentChild, ViewContainerRef, afterNextRender, assertInInjectionContext, forwardRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@angular/cdk/overlay';
|
4
4
|
import { Overlay, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
|
5
5
|
import { RdxPositionSide, RdxPositionAlign, RDX_POSITIONING_DEFAULTS, getContentPosition, getAllPossibleConnectedPositions, injectDocument, injectWindow, getArrowPositionParams, getSideAndAlignFromAllPossibleConnectedPositions } from '@radix-ng/primitives/core';
|
@@ -282,10 +282,10 @@ class RdxPopoverContentDirective {
|
|
282
282
|
[input]: new SimpleChange(previousValue, currentValue, firstChange)
|
283
283
|
});
|
284
284
|
}
|
285
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
286
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
286
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxPopoverContentDirective, isStandalone: true, selector: "[rdxPopoverContent]", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, alternatePositionsDisabled: { classPropertyName: "alternatePositionsDisabled", publicName: "alternatePositionsDisabled", isSignal: true, isRequired: false, transformFunction: null }, onOverlayEscapeKeyDownDisabled: { classPropertyName: "onOverlayEscapeKeyDownDisabled", publicName: "onOverlayEscapeKeyDownDisabled", isSignal: true, isRequired: false, transformFunction: null }, onOverlayOutsideClickDisabled: { classPropertyName: "onOverlayOutsideClickDisabled", publicName: "onOverlayOutsideClickDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOverlayEscapeKeyDown: "onOverlayEscapeKeyDown", onOverlayOutsideClick: "onOverlayOutsideClick", onOpen: "onOpen", onClosed: "onClosed" }, hostDirectives: [{ directive: i1.CdkConnectedOverlay }], ngImport: i0 }); }
|
287
287
|
}
|
288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverContentDirective, decorators: [{
|
289
289
|
type: Directive,
|
290
290
|
args: [{
|
291
291
|
selector: '[rdxPopoverContent]',
|
@@ -310,10 +310,10 @@ class RdxPopoverTriggerDirective {
|
|
310
310
|
click() {
|
311
311
|
this.popoverRoot.handleToggle();
|
312
312
|
}
|
313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
314
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
314
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPopoverTriggerDirective, isStandalone: true, selector: "[rdxPopoverTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "popoverRoot.isOpen()", "attr.aria-controls": "popoverRoot.popoverContentDirective().name()", "attr.data-state": "popoverRoot.state()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
|
315
315
|
}
|
316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverTriggerDirective, decorators: [{
|
317
317
|
type: Directive,
|
318
318
|
args: [{
|
319
319
|
selector: '[rdxPopoverTrigger]',
|
@@ -427,10 +427,7 @@ class RdxCdkEventService {
|
|
427
427
|
*/
|
428
428
|
if (major > 19 || (major === 19 && minor > 0) || (major === 0 && minor === 0)) {
|
429
429
|
destroyClickDomRootEventListener = this.ngZone.runOutsideAngular(() => {
|
430
|
-
const destroyClickDomRootEventListenerInternal = this.renderer2.listen(target, eventName, callback,
|
431
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
432
|
-
// @ts-expect-error
|
433
|
-
options);
|
430
|
+
const destroyClickDomRootEventListenerInternal = this.renderer2.listen(target, eventName, callback, options);
|
434
431
|
return () => {
|
435
432
|
destroyClickDomRootEventListenerInternal();
|
436
433
|
this.#clickDomRootEventCallbacks.clear();
|
@@ -451,10 +448,10 @@ class RdxCdkEventService {
|
|
451
448
|
}
|
452
449
|
this.onDestroyCallbacks.add(destroyClickDomRootEventListener);
|
453
450
|
}
|
454
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
455
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.
|
451
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCdkEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
452
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCdkEventService }); }
|
456
453
|
}
|
457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCdkEventService, decorators: [{
|
458
455
|
type: Injectable
|
459
456
|
}], ctorParameters: () => [] });
|
460
457
|
const RdxCdkEventServiceToken = new InjectionToken('RdxCdkEventServiceToken');
|
@@ -781,10 +778,10 @@ class RdxPopoverRootDirective {
|
|
781
778
|
});
|
782
779
|
});
|
783
780
|
}
|
784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
785
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.
|
781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
782
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.1.4", type: RdxPopoverRootDirective, isStandalone: true, selector: "[rdxPopoverRoot]", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, externalControl: { classPropertyName: "externalControl", publicName: "externalControl", isSignal: true, isRequired: false, transformFunction: null }, cssAnimation: { classPropertyName: "cssAnimation", publicName: "cssAnimation", isSignal: true, isRequired: false, transformFunction: null }, cssOpeningAnimation: { classPropertyName: "cssOpeningAnimation", publicName: "cssOpeningAnimation", isSignal: true, isRequired: false, transformFunction: null }, cssClosingAnimation: { classPropertyName: "cssClosingAnimation", publicName: "cssClosingAnimation", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "popoverContentDirective", first: true, predicate: RdxPopoverContentDirective, descendants: true, isSignal: true }, { propertyName: "popoverTriggerDirective", first: true, predicate: RdxPopoverTriggerDirective, descendants: true, isSignal: true }, { propertyName: "popoverArrowDirective", first: true, predicate: RdxPopoverArrowToken, descendants: true, isSignal: true }, { propertyName: "popoverCloseDirective", first: true, predicate: RdxPopoverCloseToken, descendants: true, isSignal: true }, { propertyName: "popoverContentAttributesComponent", first: true, predicate: RdxPopoverContentAttributesToken, descendants: true, isSignal: true }, { propertyName: "internalPopoverAnchorDirective", first: true, predicate: RdxPopoverAnchorToken, descendants: true, isSignal: true }], exportAs: ["rdxPopoverRoot"], ngImport: i0 }); }
|
786
783
|
}
|
787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverRootDirective, decorators: [{
|
788
785
|
type: Directive,
|
789
786
|
args: [{
|
790
787
|
selector: '[rdxPopoverRoot]',
|
@@ -835,15 +832,15 @@ class RdxPopoverAnchorDirective {
|
|
835
832
|
});
|
836
833
|
this.popoverRoot?.popoverTriggerDirective().elementRef.nativeElement.dispatchEvent(clickEvent);
|
837
834
|
}
|
838
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
839
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
836
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPopoverAnchorDirective, isStandalone: true, selector: "[rdxPopoverAnchor]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"" } }, providers: [
|
840
837
|
{
|
841
838
|
provide: RdxPopoverAnchorToken,
|
842
839
|
useExisting: forwardRef(() => RdxPopoverAnchorDirective)
|
843
840
|
}
|
844
841
|
], exportAs: ["rdxPopoverAnchor"], hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
|
845
842
|
}
|
846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverAnchorDirective, decorators: [{
|
847
844
|
type: Directive,
|
848
845
|
args: [{
|
849
846
|
selector: '[rdxPopoverAnchor]',
|
@@ -957,15 +954,15 @@ class RdxPopoverArrowDirective {
|
|
957
954
|
});
|
958
955
|
});
|
959
956
|
}
|
960
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
961
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
957
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
958
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxPopoverArrowDirective, isStandalone: true, selector: "[rdxPopoverArrow]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
962
959
|
{
|
963
960
|
provide: RdxPopoverArrowToken,
|
964
961
|
useExisting: forwardRef(() => RdxPopoverArrowDirective)
|
965
962
|
}
|
966
963
|
], ngImport: i0 }); }
|
967
964
|
}
|
968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverArrowDirective, decorators: [{
|
969
966
|
type: Directive,
|
970
967
|
args: [{
|
971
968
|
selector: '[rdxPopoverArrow]',
|
@@ -997,15 +994,15 @@ class RdxPopoverCloseDirective {
|
|
997
994
|
});
|
998
995
|
});
|
999
996
|
}
|
1000
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
1001
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
997
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
998
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxPopoverCloseDirective, isStandalone: true, selector: "[rdxPopoverClose]", host: { attributes: { "type": "button" }, listeners: { "click": "popoverRoot.handleClose()" } }, providers: [
|
1002
999
|
{
|
1003
1000
|
provide: RdxPopoverCloseToken,
|
1004
1001
|
useExisting: forwardRef(() => RdxPopoverCloseDirective)
|
1005
1002
|
}
|
1006
1003
|
], ngImport: i0 }); }
|
1007
1004
|
}
|
1008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
1005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverCloseDirective, decorators: [{
|
1009
1006
|
type: Directive,
|
1010
1007
|
args: [{
|
1011
1008
|
selector: '[rdxPopoverClose]',
|
@@ -1049,8 +1046,8 @@ class RdxPopoverContentAttributesComponent {
|
|
1049
1046
|
((this.popoverRoot.cssOpeningAnimation() && this.popoverRoot.state() === RdxPopoverState.OPEN) ||
|
1050
1047
|
(this.popoverRoot.cssClosingAnimation() && this.popoverRoot.state() === RdxPopoverState.CLOSED)));
|
1051
1048
|
}
|
1052
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
1053
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
1049
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverContentAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
1050
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: RdxPopoverContentAttributesComponent, isStandalone: true, selector: "[rdxPopoverContentAttributes]", host: { listeners: { "animationstart": "onAnimationStart($event)", "animationend": "onAnimationEnd($event)" }, properties: { "attr.role": "\"dialog\"", "attr.id": "name()", "attr.data-state": "popoverRoot.state()", "attr.data-side": "popoverRoot.popoverContentDirective().side()", "attr.data-align": "popoverRoot.popoverContentDirective().align()", "style": "disableAnimation() ? {animation: \"none !important\"} : null" } }, providers: [
|
1054
1051
|
{
|
1055
1052
|
provide: RdxPopoverContentAttributesToken,
|
1056
1053
|
useExisting: forwardRef(() => RdxPopoverContentAttributesComponent)
|
@@ -1059,7 +1056,7 @@ class RdxPopoverContentAttributesComponent {
|
|
1059
1056
|
<ng-content />
|
1060
1057
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
1061
1058
|
}
|
1062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
1059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverContentAttributesComponent, decorators: [{
|
1063
1060
|
type: Component,
|
1064
1061
|
args: [{
|
1065
1062
|
selector: '[rdxPopoverContentAttributes]',
|
@@ -1096,8 +1093,8 @@ const _imports = [
|
|
1096
1093
|
RdxPopoverContentAttributesComponent
|
1097
1094
|
];
|
1098
1095
|
class RdxPopoverModule {
|
1099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
1100
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
1096
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
1097
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverModule, imports: [RdxPopoverArrowDirective,
|
1101
1098
|
RdxPopoverCloseDirective,
|
1102
1099
|
RdxPopoverContentDirective,
|
1103
1100
|
RdxPopoverTriggerDirective,
|
@@ -1110,9 +1107,9 @@ class RdxPopoverModule {
|
|
1110
1107
|
RdxPopoverRootDirective,
|
1111
1108
|
RdxPopoverAnchorDirective,
|
1112
1109
|
RdxPopoverContentAttributesComponent] }); }
|
1113
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
1110
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverModule }); }
|
1114
1111
|
}
|
1115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
1112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxPopoverModule, decorators: [{
|
1116
1113
|
type: NgModule,
|
1117
1114
|
args: [{
|
1118
1115
|
imports: [..._imports],
|