@skyux/lists 7.0.0-beta.0 → 7.0.0-beta.10
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/documentation.json +727 -448
- package/esm2020/index.mjs +2 -1
- package/esm2020/lib/modules/filter/filter-button.component.mjs +17 -5
- package/esm2020/lib/modules/filter/filter-summary-item.component.mjs +15 -6
- package/esm2020/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.mjs +52 -60
- package/esm2020/lib/modules/infinite-scroll/infinite-scroll.component.mjs +51 -44
- package/esm2020/lib/modules/paging/paging.component.mjs +41 -40
- package/esm2020/lib/modules/repeater/repeater-adapter.service.mjs +32 -27
- package/esm2020/lib/modules/repeater/repeater-expand-mode-type.mjs +2 -0
- package/esm2020/lib/modules/repeater/repeater-item.component.mjs +168 -147
- package/esm2020/lib/modules/repeater/repeater.component.mjs +167 -173
- package/esm2020/lib/modules/repeater/repeater.service.mjs +15 -4
- package/esm2020/lib/modules/sort/sort-item.component.mjs +26 -16
- package/esm2020/lib/modules/sort/sort.component.mjs +1 -1
- package/esm2020/lib/modules/sort/sort.service.mjs +1 -1
- package/esm2020/testing/filter/filter-fixture-button.mjs +21 -15
- package/esm2020/testing/filter/filter-fixture-summary.mjs +11 -6
- package/esm2020/testing/filter/lists-filter-fixture-button.mjs +1 -1
- package/esm2020/testing/paging/paging-fixture.mjs +2 -2
- package/esm2020/testing/repeater/repeater-item-harness.mjs +17 -8
- package/esm2020/testing/sort/sort-fixture-menu-item.mjs +1 -1
- package/esm2020/testing/sort/sort-fixture.mjs +53 -47
- package/fesm2015/skyux-lists-testing.mjs +85 -58
- package/fesm2015/skyux-lists-testing.mjs.map +1 -1
- package/fesm2015/skyux-lists.mjs +581 -520
- package/fesm2015/skyux-lists.mjs.map +1 -1
- package/fesm2020/skyux-lists-testing.mjs +96 -73
- package/fesm2020/skyux-lists-testing.mjs.map +1 -1
- package/fesm2020/skyux-lists.mjs +573 -520
- package/fesm2020/skyux-lists.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/modules/filter/filter-button.component.d.ts +9 -8
- package/lib/modules/filter/filter-summary-item.component.d.ts +3 -1
- package/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.d.ts +3 -9
- package/lib/modules/infinite-scroll/infinite-scroll.component.d.ts +3 -10
- package/lib/modules/paging/paging.component.d.ts +2 -4
- package/lib/modules/repeater/repeater-adapter.service.d.ts +4 -11
- package/lib/modules/repeater/repeater-expand-mode-type.d.ts +1 -0
- package/lib/modules/repeater/repeater-item.component.d.ts +24 -46
- package/lib/modules/repeater/repeater.component.d.ts +8 -21
- package/lib/modules/repeater/repeater.service.d.ts +7 -5
- package/lib/modules/sort/sort-item.component.d.ts +2 -5
- package/lib/modules/sort/sort.component.d.ts +1 -1
- package/package.json +10 -10
- package/testing/filter/filter-fixture-button.d.ts +1 -2
- package/testing/filter/filter-fixture-summary.d.ts +1 -2
- package/testing/filter/lists-filter-fixture-button.d.ts +2 -2
- package/testing/repeater/repeater-item-harness.d.ts +5 -1
- package/testing/sort/sort-fixture-menu-item.d.ts +1 -1
- package/testing/sort/sort-fixture.d.ts +4 -14
package/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './lib/modules/filter/filter.module';
|
|
2
2
|
export * from './lib/modules/infinite-scroll/infinite-scroll.module';
|
|
3
3
|
export * from './lib/modules/paging/paging.module';
|
|
4
|
+
export * from './lib/modules/repeater/repeater-expand-mode-type';
|
|
4
5
|
export * from './lib/modules/repeater/repeater.module';
|
|
5
6
|
export * from './lib/modules/sort/sort.module';
|
|
6
7
|
export { SkyFilterButtonComponent as λ1 } from './lib/modules/filter/filter-button.component';
|
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class SkyFilterButtonComponent {
|
|
4
|
+
#private;
|
|
4
5
|
/**
|
|
5
6
|
* Specifies an ID for the filter button.
|
|
6
7
|
*/
|
|
7
8
|
get filterButtonId(): string;
|
|
8
|
-
set filterButtonId(value: string);
|
|
9
|
+
set filterButtonId(value: string | undefined);
|
|
9
10
|
/**
|
|
10
11
|
* Specifies an ID to identify the element that contains
|
|
11
12
|
* the filtering options that the filter button exposes.
|
|
12
13
|
* To support [accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure),
|
|
13
14
|
* this property is necessary when using inline filters.
|
|
14
15
|
*/
|
|
15
|
-
ariaControls: string;
|
|
16
|
+
ariaControls: string | undefined;
|
|
16
17
|
/**
|
|
17
18
|
* Indicates whether the filtering options are exposed.
|
|
18
19
|
* To support [accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure),
|
|
19
20
|
* this property is necessary when using inline filters.
|
|
20
21
|
*/
|
|
21
|
-
ariaExpanded: boolean;
|
|
22
|
+
ariaExpanded: boolean | undefined;
|
|
22
23
|
/**
|
|
23
24
|
* Indicates whether to highlight the filter button to indicate that filters were applied.
|
|
24
25
|
* We recommend setting this property to `true` when no indication of filtering is visible
|
|
25
26
|
* to users. For example, set it to `true` if you do not display the filter summary.
|
|
26
27
|
*/
|
|
27
|
-
active: boolean;
|
|
28
|
+
active: boolean | undefined;
|
|
28
29
|
/**
|
|
29
30
|
* Indicates whether to disable the filter button.
|
|
30
31
|
*/
|
|
31
|
-
disabled: boolean;
|
|
32
|
+
disabled: boolean | undefined;
|
|
32
33
|
/**
|
|
33
34
|
* Indicates whether to display a **Filter** label beside the icon on the filter button.
|
|
34
35
|
*/
|
|
35
|
-
showButtonText: boolean;
|
|
36
|
+
showButtonText: boolean | undefined;
|
|
36
37
|
/**
|
|
37
38
|
* Fires when the filter button is selected.
|
|
38
39
|
*/
|
|
39
|
-
filterButtonClick: EventEmitter<
|
|
40
|
-
|
|
40
|
+
filterButtonClick: EventEmitter<void>;
|
|
41
|
+
constructor();
|
|
41
42
|
filterButtonOnClick(): void;
|
|
42
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFilterButtonComponent, never>;
|
|
43
44
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFilterButtonComponent, "sky-filter-button", never, { "filterButtonId": "filterButtonId"; "ariaControls": "ariaControls"; "ariaExpanded": "ariaExpanded"; "active": "active"; "disabled": "disabled"; "showButtonText": "showButtonText"; }, { "filterButtonClick": "filterButtonClick"; }, never, never, false>;
|
|
@@ -4,10 +4,12 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Specifies a filter that was applied.
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyFilterSummaryItemComponent {
|
|
7
|
+
#private;
|
|
7
8
|
/**
|
|
8
9
|
* Indicates whether the filter summary item has a close button.
|
|
9
10
|
*/
|
|
10
|
-
dismissible: boolean;
|
|
11
|
+
get dismissible(): boolean;
|
|
12
|
+
set dismissible(value: boolean | undefined);
|
|
11
13
|
/**
|
|
12
14
|
* Fires when the summary item close button is selected.
|
|
13
15
|
*/
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { ElementRef, OnDestroy } from '@angular/core';
|
|
2
|
-
import { SkyAppWindowRef } from '@skyux/core';
|
|
2
|
+
import { SkyAppWindowRef, SkyScrollableHostService } from '@skyux/core';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyInfiniteScrollDomAdapterService implements OnDestroy {
|
|
9
|
-
private
|
|
10
|
-
|
|
11
|
-
private observer;
|
|
12
|
-
private _parentChanges;
|
|
13
|
-
constructor(windowRef: SkyAppWindowRef);
|
|
9
|
+
#private;
|
|
10
|
+
constructor(scrollableHostSvc: SkyScrollableHostService, windowRef: SkyAppWindowRef);
|
|
14
11
|
ngOnDestroy(): void;
|
|
15
12
|
/**
|
|
16
13
|
* This event is triggered when child nodes are added to the infinite
|
|
@@ -24,9 +21,6 @@ export declare class SkyInfiniteScrollDomAdapterService implements OnDestroy {
|
|
|
24
21
|
* @param elementRef The infinite scroll element reference.
|
|
25
22
|
*/
|
|
26
23
|
scrollTo(elementRef: ElementRef): Observable<void>;
|
|
27
|
-
private createObserver;
|
|
28
|
-
private findScrollableParent;
|
|
29
|
-
private isElementScrolledInView;
|
|
30
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInfiniteScrollDomAdapterService, never>;
|
|
31
25
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyInfiniteScrollDomAdapterService>;
|
|
32
26
|
}
|
|
@@ -2,16 +2,14 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular
|
|
|
2
2
|
import { SkyInfiniteScrollDomAdapterService } from './infinite-scroll-dom-adapter.service';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SkyInfiniteScrollComponent implements OnDestroy {
|
|
5
|
-
private
|
|
6
|
-
private elementRef;
|
|
7
|
-
private domAdapter;
|
|
5
|
+
#private;
|
|
8
6
|
/**
|
|
9
7
|
* Indicates whether to make the infinite scroll component active when more data is available
|
|
10
8
|
* to load. By default, infinite scroll is inactive and does not call the load function.
|
|
11
9
|
* @default false
|
|
12
10
|
*/
|
|
13
|
-
get enabled(): boolean;
|
|
14
|
-
set enabled(value: boolean);
|
|
11
|
+
get enabled(): boolean | undefined;
|
|
12
|
+
set enabled(value: boolean | undefined);
|
|
15
13
|
/**
|
|
16
14
|
* Indicates whether data is loading because of a `scrollEnd` event. Setting the property
|
|
17
15
|
* to `true` disables new `scrollEnd` events from firing until it changes to `false`. If this
|
|
@@ -31,14 +29,9 @@ export declare class SkyInfiniteScrollComponent implements OnDestroy {
|
|
|
31
29
|
*/
|
|
32
30
|
scrollEnd: EventEmitter<void>;
|
|
33
31
|
isWaiting: boolean;
|
|
34
|
-
private ngUnsubscribe;
|
|
35
|
-
private _enabled;
|
|
36
|
-
private _loading;
|
|
37
32
|
constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, domAdapter: SkyInfiniteScrollDomAdapterService);
|
|
38
33
|
ngOnDestroy(): void;
|
|
39
34
|
startInfiniteScrollLoad(): void;
|
|
40
|
-
private notifyScrollEnd;
|
|
41
|
-
private setListeners;
|
|
42
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInfiniteScrollComponent, never>;
|
|
43
36
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyInfiniteScrollComponent, "sky-infinite-scroll", never, { "enabled": "enabled"; "loading": "loading"; }, { "scrollEnd": "scrollEnd"; }, never, never, false>;
|
|
44
37
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class SkyPagingComponent implements OnChanges {
|
|
4
|
+
#private;
|
|
4
5
|
/**
|
|
5
6
|
* Specifies the page number of the current page. Page numbers start at 1 and increment.
|
|
6
7
|
*/
|
|
@@ -24,7 +25,7 @@ export declare class SkyPagingComponent implements OnChanges {
|
|
|
24
25
|
* and understand what each one does.
|
|
25
26
|
* @default "Pagination"
|
|
26
27
|
*/
|
|
27
|
-
pagingLabel: string;
|
|
28
|
+
pagingLabel: string | undefined;
|
|
28
29
|
/**
|
|
29
30
|
* Fires when the current page changes and emits the new current page.
|
|
30
31
|
*/
|
|
@@ -37,9 +38,6 @@ export declare class SkyPagingComponent implements OnChanges {
|
|
|
37
38
|
previousPage(): void;
|
|
38
39
|
get isPreviousButtonDisabled(): boolean;
|
|
39
40
|
get isNextButtonDisabled(): boolean;
|
|
40
|
-
private getDisplayedPageNumbers;
|
|
41
|
-
private setPageCount;
|
|
42
|
-
private setDisplayedPages;
|
|
43
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyPagingComponent, never>;
|
|
44
42
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyPagingComponent, "sky-paging", never, { "currentPage": "currentPage"; "itemCount": "itemCount"; "maxPages": "maxPages"; "pageSize": "pageSize"; "pagingLabel": "pagingLabel"; }, { "currentPageChange": "currentPageChange"; }, never, never, false>;
|
|
45
43
|
}
|
|
@@ -5,20 +5,13 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* @internal
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyRepeaterAdapterService {
|
|
8
|
-
private
|
|
9
|
-
private get repeaterItemGroupSelector();
|
|
10
|
-
private host;
|
|
8
|
+
#private;
|
|
11
9
|
constructor(repeaterService: SkyRepeaterService);
|
|
12
|
-
focusElement(element: ElementRef | HTMLElement): void;
|
|
10
|
+
focusElement(element: ElementRef | HTMLElement | undefined): void;
|
|
13
11
|
setRepeaterHost(hostRef: ElementRef): void;
|
|
14
12
|
getRepeaterItemIndex(element: HTMLElement): number;
|
|
15
|
-
moveItemUp(element: HTMLElement, top?: boolean, steps?: number): number;
|
|
16
|
-
moveItemDown(element: HTMLElement, steps?: number): number;
|
|
17
|
-
private moveItem;
|
|
18
|
-
/**
|
|
19
|
-
* Returns an array of the immediate repeater item descendants. Excludes nested repeater items.
|
|
20
|
-
*/
|
|
21
|
-
private getRepeaterItemArray;
|
|
13
|
+
moveItemUp(element: HTMLElement, top?: boolean, steps?: number): number | undefined;
|
|
14
|
+
moveItemDown(element: HTMLElement, steps?: number): number | undefined;
|
|
22
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterAdapterService, never>;
|
|
23
16
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyRepeaterAdapterService>;
|
|
24
17
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type SkyRepeaterExpandModeType = 'single' | 'multiple' | 'none';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
2
2
|
import { SkyCheckboxChange } from '@skyux/forms';
|
|
3
3
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
4
4
|
import { SkyInlineFormCloseArgs, SkyInlineFormConfig } from '@skyux/inline-form';
|
|
5
5
|
import { Observable } from 'rxjs';
|
|
6
6
|
import { SkyRepeaterAdapterService } from './repeater-adapter.service';
|
|
7
|
+
import { SkyRepeaterItemContentComponent } from './repeater-item-content.component';
|
|
7
8
|
import { SkyRepeaterItemRolesType } from './repeater-item-roles.type';
|
|
8
9
|
import { SkyRepeaterService } from './repeater.service';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
@@ -11,11 +12,7 @@ import * as i0 from "@angular/core";
|
|
|
11
12
|
* Creates an individual repeater item.
|
|
12
13
|
*/
|
|
13
14
|
export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, AfterViewInit {
|
|
14
|
-
private
|
|
15
|
-
private changeDetector;
|
|
16
|
-
private adapterService;
|
|
17
|
-
private elementRef;
|
|
18
|
-
private resourceService;
|
|
15
|
+
#private;
|
|
19
16
|
/**
|
|
20
17
|
* Make the first, non-disabled item tab-focusable.
|
|
21
18
|
* - Disabled items should not be focusable per [W3C](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_disabled_controls).
|
|
@@ -25,53 +22,53 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
|
|
|
25
22
|
/**
|
|
26
23
|
* Whether to exclude an item when cycling through.
|
|
27
24
|
*/
|
|
28
|
-
set disabled(value: boolean);
|
|
29
|
-
get disabled(): boolean;
|
|
25
|
+
set disabled(value: boolean | undefined);
|
|
26
|
+
get disabled(): boolean | undefined;
|
|
30
27
|
/**
|
|
31
28
|
* Specifies a human-readable name for the repeater item that is available for multiple purposes,
|
|
32
29
|
* such as accessibility and instrumentation. For example, the component uses the name to
|
|
33
30
|
* construct ARIA labels for the repeater item controls
|
|
34
31
|
* to [support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
35
32
|
*/
|
|
36
|
-
itemName: string;
|
|
33
|
+
itemName: string | undefined;
|
|
37
34
|
/**
|
|
38
35
|
* Specifies configuration options for the buttons to display on an inline form
|
|
39
36
|
* within the repeater. This property accepts
|
|
40
37
|
* [a `SkyInlineFormConfig` object](https://developer.blackbaud.com/skyux/components/inline-form#skyinlineformconfig-properties).
|
|
41
38
|
*/
|
|
42
|
-
inlineFormConfig: SkyInlineFormConfig;
|
|
39
|
+
inlineFormConfig: SkyInlineFormConfig | undefined;
|
|
43
40
|
/**
|
|
44
41
|
* Specifies [an Angular `TemplateRef`](https://angular.io/api/core/TemplateRef) to use
|
|
45
42
|
* as a template to instantiate an inline form within the repeater.
|
|
46
43
|
*/
|
|
47
|
-
inlineFormTemplate: TemplateRef<unknown
|
|
44
|
+
inlineFormTemplate: TemplateRef<unknown> | undefined;
|
|
48
45
|
/**
|
|
49
46
|
* Indicates whether the repeater item is expanded.
|
|
50
47
|
* @default true
|
|
51
48
|
*/
|
|
52
|
-
set isExpanded(value: boolean);
|
|
49
|
+
set isExpanded(value: boolean | undefined);
|
|
53
50
|
get isExpanded(): boolean;
|
|
54
51
|
/**
|
|
55
52
|
* Indicates whether the repeater item's checkbox is selected.
|
|
56
53
|
* When users select the repeater item, the specified property on your model is updated accordingly.
|
|
57
54
|
* @default false
|
|
58
55
|
*/
|
|
59
|
-
set isSelected(value: boolean);
|
|
60
|
-
get isSelected(): boolean;
|
|
56
|
+
set isSelected(value: boolean | undefined);
|
|
57
|
+
get isSelected(): boolean | undefined;
|
|
61
58
|
/**
|
|
62
59
|
* Indicates whether users can change the order of the repeater item.
|
|
63
60
|
* The repeater component's `reorderable` property must also be set to `true`.
|
|
64
61
|
*/
|
|
65
|
-
reorderable: boolean;
|
|
62
|
+
reorderable: boolean | undefined;
|
|
66
63
|
/**
|
|
67
64
|
* Indicates whether to display a checkbox in the left of the repeater item.
|
|
68
65
|
*/
|
|
69
|
-
selectable: boolean;
|
|
66
|
+
selectable: boolean | undefined;
|
|
70
67
|
/**
|
|
71
68
|
* Indicates whether to display an inline form within the repeater.
|
|
72
69
|
* Users can toggle between displaying and hiding the inline form.
|
|
73
70
|
*/
|
|
74
|
-
showInlineForm: boolean;
|
|
71
|
+
showInlineForm: boolean | undefined;
|
|
75
72
|
/**
|
|
76
73
|
* Specifies an object that the repeater component returns for this repeater item
|
|
77
74
|
* when the `orderChange` event fires. This is required
|
|
@@ -95,35 +92,22 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
|
|
|
95
92
|
* Fires when users select or clear the checkbox for the repeater item.
|
|
96
93
|
*/
|
|
97
94
|
isSelectedChange: EventEmitter<boolean>;
|
|
98
|
-
contextMenu: ElementRef;
|
|
95
|
+
contextMenu: ElementRef | undefined;
|
|
99
96
|
contentId: string;
|
|
100
97
|
hasItemContent: boolean;
|
|
101
98
|
isActive: boolean;
|
|
102
|
-
set isCollapsible(value: boolean);
|
|
99
|
+
set isCollapsible(value: boolean | undefined);
|
|
103
100
|
get isCollapsible(): boolean;
|
|
104
101
|
itemRole$: Observable<SkyRepeaterItemRolesType>;
|
|
105
|
-
keyboardReorderingEnabled: boolean;
|
|
106
102
|
reorderButtonLabel: string;
|
|
107
|
-
reorderState: string;
|
|
108
|
-
slideDirection: string;
|
|
103
|
+
reorderState: string | undefined;
|
|
104
|
+
slideDirection: string | undefined;
|
|
109
105
|
get repeaterGroupClass(): string;
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
private ngUnsubscribe;
|
|
116
|
-
private reorderCancelText;
|
|
117
|
-
private reorderCurrentIndex;
|
|
118
|
-
private reorderFinishText;
|
|
119
|
-
private reorderInstructions;
|
|
120
|
-
private reorderMovedText;
|
|
121
|
-
private reorderStateDescription;
|
|
122
|
-
private reorderSteps;
|
|
123
|
-
private _isCollapsible;
|
|
124
|
-
private _isDisabled;
|
|
125
|
-
private _isExpanded;
|
|
126
|
-
private _isSelected;
|
|
106
|
+
grabHandle: ElementRef | undefined;
|
|
107
|
+
itemContentRef: ElementRef | undefined;
|
|
108
|
+
itemHeaderRef: ElementRef | undefined;
|
|
109
|
+
itemRef: ElementRef | undefined;
|
|
110
|
+
repeaterItemContentComponents: QueryList<SkyRepeaterItemContentComponent> | undefined;
|
|
127
111
|
constructor(repeaterService: SkyRepeaterService, changeDetector: ChangeDetectorRef, adapterService: SkyRepeaterAdapterService, elementRef: ElementRef, resourceService: SkyLibResourcesService);
|
|
128
112
|
ngOnInit(): void;
|
|
129
113
|
ngAfterViewInit(): void;
|
|
@@ -132,18 +116,12 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
|
|
|
132
116
|
headerClick(): void;
|
|
133
117
|
chevronDirectionChange(direction: string): void;
|
|
134
118
|
onRepeaterItemClick(event: MouseEvent): void;
|
|
135
|
-
updateForExpanded(value: boolean
|
|
119
|
+
updateForExpanded(value: boolean): void;
|
|
136
120
|
onCheckboxChange(value: SkyCheckboxChange): void;
|
|
137
121
|
onInlineFormClose(inlineFormCloseArgs: SkyInlineFormCloseArgs): void;
|
|
138
122
|
moveToTop(event: Event): void;
|
|
139
123
|
onReorderHandleKeyDown(event: KeyboardEvent): void;
|
|
140
124
|
onReorderHandleBlur(event: any): void;
|
|
141
|
-
private slideForExpanded;
|
|
142
|
-
private keyboardReorderUp;
|
|
143
|
-
private keyboardReorderDown;
|
|
144
|
-
private keyboardToggleReorder;
|
|
145
|
-
private revertReorderSteps;
|
|
146
|
-
private updateExpandOnContentChange;
|
|
147
125
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterItemComponent, never>;
|
|
148
126
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRepeaterItemComponent, "sky-repeater-item", never, { "disabled": "disabled"; "itemName": "itemName"; "inlineFormConfig": "inlineFormConfig"; "inlineFormTemplate": "inlineFormTemplate"; "isExpanded": "isExpanded"; "isSelected": "isSelected"; "reorderable": "reorderable"; "selectable": "selectable"; "showInlineForm": "showInlineForm"; "tag": "tag"; }, { "collapse": "collapse"; "expand": "expand"; "inlineFormClose": "inlineFormClose"; "isSelectedChange": "isSelectedChange"; }, ["contextMenu", "repeaterItemContentComponents"], ["sky-inline-delete", "sky-repeater-item-context-menu", "sky-repeater-item-title", "sky-repeater-item-content"], false>;
|
|
149
127
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { DragulaService } from 'ng2-dragula';
|
|
3
3
|
import { SkyRepeaterAdapterService } from './repeater-adapter.service';
|
|
4
|
+
import { SkyRepeaterExpandModeType } from './repeater-expand-mode-type';
|
|
4
5
|
import { SkyRepeaterItemComponent } from './repeater-item.component';
|
|
5
6
|
import { SkyRepeaterRoleType } from './repeater-role.type';
|
|
6
7
|
import { SkyRepeaterService } from './repeater.service';
|
|
@@ -9,32 +10,27 @@ import * as i0 from "@angular/core";
|
|
|
9
10
|
* Creates a container to display repeater items.
|
|
10
11
|
*/
|
|
11
12
|
export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
|
|
12
|
-
private
|
|
13
|
-
private repeaterService;
|
|
14
|
-
private adapterService;
|
|
15
|
-
private dragulaService;
|
|
16
|
-
private elementRef;
|
|
17
|
-
private renderer;
|
|
13
|
+
#private;
|
|
18
14
|
/**
|
|
19
15
|
* Specifies the index of the repeater item to visually highlight as active.
|
|
20
16
|
* For example, use this property in conjunction with the
|
|
21
17
|
* [split view component](https://developer.blackbaud.com/skyux/components/split-view)
|
|
22
18
|
* to highlight a repeater item while users edit it. Only one item can be active at a time.
|
|
23
19
|
*/
|
|
24
|
-
activeIndex: number;
|
|
20
|
+
activeIndex: number | undefined;
|
|
25
21
|
/**
|
|
26
22
|
* Specifies an ARIA label for the repeater list.
|
|
27
23
|
* This sets the repeater list's `aria-label` attribute
|
|
28
24
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
29
25
|
* @default "List of items"
|
|
30
26
|
*/
|
|
31
|
-
ariaLabel: string;
|
|
27
|
+
ariaLabel: string | undefined;
|
|
32
28
|
/**
|
|
33
29
|
* Indicates whether users can change the order of items in the repeater list.
|
|
34
30
|
* Each repeater item also has `reorderable` property to indicate whether
|
|
35
31
|
* users can change its order.
|
|
36
32
|
*/
|
|
37
|
-
reorderable: boolean;
|
|
33
|
+
reorderable: boolean | undefined;
|
|
38
34
|
/**
|
|
39
35
|
* Specifies a layout to determine which repeater items are expanded by default and whether
|
|
40
36
|
* repeater items are expandable and collapsible. Collapsed items display titles only.
|
|
@@ -54,8 +50,8 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
|
|
|
54
50
|
* and users only occasionally need to view the body content.
|
|
55
51
|
* @default "none"
|
|
56
52
|
*/
|
|
57
|
-
set expandMode(value: string);
|
|
58
|
-
get expandMode(): string;
|
|
53
|
+
set expandMode(value: SkyRepeaterExpandModeType | string | undefined);
|
|
54
|
+
get expandMode(): SkyRepeaterExpandModeType | string;
|
|
59
55
|
/**
|
|
60
56
|
* Fires when the active repeater item changes.
|
|
61
57
|
*/
|
|
@@ -65,24 +61,15 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
|
|
|
65
61
|
* This event emits an ordered array of the `tag` properties that the consumer provides for each repeater item.
|
|
66
62
|
*/
|
|
67
63
|
orderChange: EventEmitter<any[]>;
|
|
68
|
-
items: QueryList<SkyRepeaterItemComponent
|
|
64
|
+
items: QueryList<SkyRepeaterItemComponent> | undefined;
|
|
69
65
|
dragulaGroupName: string;
|
|
70
66
|
role: SkyRepeaterRoleType | undefined;
|
|
71
|
-
private dragulaUnsubscribe;
|
|
72
|
-
private ngUnsubscribe;
|
|
73
|
-
private _expandMode;
|
|
74
67
|
constructor(changeDetector: ChangeDetectorRef, repeaterService: SkyRepeaterService, adapterService: SkyRepeaterAdapterService, dragulaService: DragulaService, elementRef: ElementRef, renderer: Renderer2);
|
|
75
68
|
ngAfterContentInit(): void;
|
|
76
69
|
ngOnChanges(changes: SimpleChanges): void;
|
|
77
70
|
ngOnDestroy(): void;
|
|
78
71
|
ngOnInit(): void;
|
|
79
72
|
onCdkObserveContent(): void;
|
|
80
|
-
private updateForExpandMode;
|
|
81
|
-
private initializeDragAndDrop;
|
|
82
|
-
private destroyDragAndDrop;
|
|
83
|
-
private emitTags;
|
|
84
|
-
private everyItemHasTag;
|
|
85
|
-
private updateRole;
|
|
86
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterComponent, never>;
|
|
87
74
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRepeaterComponent, "sky-repeater", never, { "activeIndex": "activeIndex"; "ariaLabel": "ariaLabel"; "reorderable": "reorderable"; "expandMode": "expandMode"; }, { "activeIndexChange": "activeIndexChange"; "orderChange": "orderChange"; }, ["items"], ["*"], false>;
|
|
88
75
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter, OnDestroy } from '@angular/core';
|
|
2
2
|
import { BehaviorSubject } from 'rxjs';
|
|
3
|
+
import { SkyRepeaterExpandModeType } from './repeater-expand-mode-type';
|
|
3
4
|
import { SkyRepeaterItemRolesType } from './repeater-item-roles.type';
|
|
4
5
|
import { SkyRepeaterItemComponent } from './repeater-item.component';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
@@ -7,10 +8,12 @@ import * as i0 from "@angular/core";
|
|
|
7
8
|
* @internal
|
|
8
9
|
*/
|
|
9
10
|
export declare class SkyRepeaterService implements OnDestroy {
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
#private;
|
|
12
|
+
activeItemChange: BehaviorSubject<SkyRepeaterItemComponent | undefined>;
|
|
13
|
+
activeItemIndexChange: BehaviorSubject<number | undefined>;
|
|
12
14
|
enableActiveState: boolean;
|
|
13
|
-
expandMode: string;
|
|
15
|
+
get expandMode(): SkyRepeaterExpandModeType | string;
|
|
16
|
+
set expandMode(value: SkyRepeaterExpandModeType | string | undefined);
|
|
14
17
|
itemCollapseStateChange: EventEmitter<SkyRepeaterItemComponent>;
|
|
15
18
|
items: SkyRepeaterItemComponent[];
|
|
16
19
|
readonly itemRole: BehaviorSubject<SkyRepeaterItemRolesType>;
|
|
@@ -18,11 +21,10 @@ export declare class SkyRepeaterService implements OnDestroy {
|
|
|
18
21
|
repeaterGroupId: number;
|
|
19
22
|
ngOnDestroy(): void;
|
|
20
23
|
activateItem(item: SkyRepeaterItemComponent): void;
|
|
21
|
-
activateItemByIndex(index: number): void;
|
|
24
|
+
activateItemByIndex(index: number | undefined): void;
|
|
22
25
|
registerItem(item: SkyRepeaterItemComponent): void;
|
|
23
26
|
unregisterItem(item: SkyRepeaterItemComponent): void;
|
|
24
27
|
onItemCollapseStateChange(item: SkyRepeaterItemComponent): void;
|
|
25
|
-
getItemIndex(item: SkyRepeaterItemComponent): number;
|
|
26
28
|
registerOrderChange(): void;
|
|
27
29
|
reorderItem(oldIndex: number, newIndex: number): void;
|
|
28
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterService, never>;
|
|
@@ -3,19 +3,16 @@ import { BehaviorSubject } from 'rxjs';
|
|
|
3
3
|
import { SkySortService } from './sort.service';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class SkySortItemComponent implements OnInit, OnChanges, OnDestroy {
|
|
6
|
-
private
|
|
7
|
-
private detector;
|
|
6
|
+
#private;
|
|
8
7
|
/**
|
|
9
8
|
* Indicates whether the sorting option is active.
|
|
10
9
|
*/
|
|
11
|
-
active: boolean;
|
|
10
|
+
active: boolean | undefined;
|
|
12
11
|
/**
|
|
13
12
|
* Fires when a sort item is selected.
|
|
14
13
|
*/
|
|
15
14
|
itemSelect: EventEmitter<any>;
|
|
16
15
|
isSelected: BehaviorSubject<boolean>;
|
|
17
|
-
private subscription;
|
|
18
|
-
private sortItemId;
|
|
19
16
|
constructor(sortService: SkySortService, detector: ChangeDetectorRef);
|
|
20
17
|
ngOnInit(): void;
|
|
21
18
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -5,7 +5,7 @@ export declare class SkySortComponent {
|
|
|
5
5
|
/**
|
|
6
6
|
* Indicates whether to display a "Sort" label beside the icon on the sort button.
|
|
7
7
|
*/
|
|
8
|
-
showButtonText: boolean;
|
|
8
|
+
showButtonText: boolean | undefined;
|
|
9
9
|
dropdownController: Subject<SkyDropdownMessage>;
|
|
10
10
|
dropdownClicked(): void;
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySortComponent, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lists",
|
|
3
|
-
"version": "7.0.0-beta.
|
|
3
|
+
"version": "7.0.0-beta.10",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -44,15 +44,15 @@
|
|
|
44
44
|
"@angular/common": "^14.2.0",
|
|
45
45
|
"@angular/core": "^14.2.0",
|
|
46
46
|
"@angular/platform-browser": "^14.2.0",
|
|
47
|
-
"@skyux-sdk/testing": "7.0.0-beta.
|
|
48
|
-
"@skyux/animations": "7.0.0-beta.
|
|
49
|
-
"@skyux/core": "7.0.0-beta.
|
|
50
|
-
"@skyux/forms": "7.0.0-beta.
|
|
51
|
-
"@skyux/i18n": "7.0.0-beta.
|
|
52
|
-
"@skyux/indicators": "7.0.0-beta.
|
|
53
|
-
"@skyux/inline-form": "7.0.0-beta.
|
|
54
|
-
"@skyux/popovers": "7.0.0-beta.
|
|
55
|
-
"@skyux/theme": "7.0.0-beta.
|
|
47
|
+
"@skyux-sdk/testing": "7.0.0-beta.10",
|
|
48
|
+
"@skyux/animations": "7.0.0-beta.10",
|
|
49
|
+
"@skyux/core": "7.0.0-beta.10",
|
|
50
|
+
"@skyux/forms": "7.0.0-beta.10",
|
|
51
|
+
"@skyux/i18n": "7.0.0-beta.10",
|
|
52
|
+
"@skyux/indicators": "7.0.0-beta.10",
|
|
53
|
+
"@skyux/inline-form": "7.0.0-beta.10",
|
|
54
|
+
"@skyux/popovers": "7.0.0-beta.10",
|
|
55
|
+
"@skyux/theme": "7.0.0-beta.10"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"dragula": "3.7.3",
|
|
@@ -7,6 +7,7 @@ import { SkyListsFilterFixtureButton } from './lists-filter-fixture-button';
|
|
|
7
7
|
* @internal
|
|
8
8
|
*/
|
|
9
9
|
export declare class SkyFilterFixtureButton {
|
|
10
|
+
#private;
|
|
10
11
|
private fixture;
|
|
11
12
|
private debugElement;
|
|
12
13
|
constructor(fixture: ComponentFixture<any>, skyTestId: string);
|
|
@@ -19,6 +20,4 @@ export declare class SkyFilterFixtureButton {
|
|
|
19
20
|
* Get the button text.
|
|
20
21
|
*/
|
|
21
22
|
get buttonText(): string;
|
|
22
|
-
private getButtonElement;
|
|
23
|
-
private normalizeText;
|
|
24
23
|
}
|
|
@@ -6,8 +6,7 @@ import { ComponentFixture } from '@angular/core/testing';
|
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyFilterFixtureSummary {
|
|
9
|
-
private
|
|
10
|
-
private debugElement;
|
|
9
|
+
#private;
|
|
11
10
|
constructor(fixture: ComponentFixture<any>, skyTestId: string);
|
|
12
11
|
filterCloseClick(index: number): Promise<any>;
|
|
13
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
1
|
+
import { ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/testing';
|
|
2
2
|
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
3
|
import { SkyRepeaterItemHarnessFilters } from './repeater-item-harness-filters';
|
|
4
4
|
/**
|
|
@@ -24,6 +24,10 @@ export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
|
|
|
24
24
|
* Whether the repeater item is selected.
|
|
25
25
|
*/
|
|
26
26
|
isSelected(): Promise<boolean>;
|
|
27
|
+
/**
|
|
28
|
+
* Returns a child harness.
|
|
29
|
+
*/
|
|
30
|
+
queryHarness<T extends ComponentHarness>(query: HarnessQuery<T>): Promise<T | null>;
|
|
27
31
|
/**
|
|
28
32
|
* Selects the repeater item.
|
|
29
33
|
*/
|
|
@@ -8,12 +8,13 @@ import { SkySortFixtureMenuItem } from './sort-fixture-menu-item';
|
|
|
8
8
|
* @internal
|
|
9
9
|
*/
|
|
10
10
|
export declare class SkySortFixture {
|
|
11
|
+
#private;
|
|
11
12
|
private fixture;
|
|
12
13
|
/**
|
|
13
14
|
* The active sort menu item, if one exists. Menu items are only available when the menu dropdown
|
|
14
15
|
* is open. If the menu dropdown is closed, this property will be undefined.
|
|
15
16
|
*/
|
|
16
|
-
get activeMenuItem(): SkySortFixtureMenuItem;
|
|
17
|
+
get activeMenuItem(): SkySortFixtureMenuItem | undefined;
|
|
17
18
|
/**
|
|
18
19
|
* The sort menu's properties.
|
|
19
20
|
*/
|
|
@@ -22,8 +23,7 @@ export declare class SkySortFixture {
|
|
|
22
23
|
* The properties of each sort menu item. Menu items are only available when the menu dropdown
|
|
23
24
|
* is open. If the menu dropdown is closed, this property will be undefined.
|
|
24
25
|
*/
|
|
25
|
-
get menuItems(): SkySortFixtureMenuItem[];
|
|
26
|
-
private _debugEl;
|
|
26
|
+
get menuItems(): SkySortFixtureMenuItem[] | undefined;
|
|
27
27
|
constructor(fixture: ComponentFixture<any>, skyTestId: string);
|
|
28
28
|
/**
|
|
29
29
|
* Closes the sort dropdown menu if it isn't closed already.
|
|
@@ -43,15 +43,5 @@ export declare class SkySortFixture {
|
|
|
43
43
|
* if a matching item is available.
|
|
44
44
|
* @param menuItemText The text of the menu item to select.
|
|
45
45
|
*/
|
|
46
|
-
selectMenuItemByText(menuItemText: string): Promise<void>;
|
|
47
|
-
private getDropdownButtonEl;
|
|
48
|
-
private getDropdownMenuEl;
|
|
49
|
-
private getSortButtonTextEl;
|
|
50
|
-
private getSortItems;
|
|
51
|
-
/**
|
|
52
|
-
* Ensures the sort menu is open and selects the menu item via a selection predicate,
|
|
53
|
-
* if a matching item is available.
|
|
54
|
-
* @param selectionPredicate The menu item selector method to use.
|
|
55
|
-
*/
|
|
56
|
-
private selectMenuItem;
|
|
46
|
+
selectMenuItemByText(menuItemText: string | undefined): Promise<void>;
|
|
57
47
|
}
|