@skyux/lists 7.0.0-beta.1 → 7.0.0-beta.3
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 +423 -351
- package/esm2020/lib/modules/filter/filter-button.component.mjs +17 -5
- package/esm2020/lib/modules/filter/filter-summary-item.component.mjs +14 -5
- 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/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 +8 -2
- package/fesm2015/skyux-lists-testing.mjs +40 -21
- package/fesm2015/skyux-lists-testing.mjs.map +1 -1
- package/fesm2015/skyux-lists.mjs +167 -150
- package/fesm2015/skyux-lists.mjs.map +1 -1
- package/fesm2020/skyux-lists-testing.mjs +36 -21
- package/fesm2020/skyux-lists-testing.mjs.map +1 -1
- package/fesm2020/skyux-lists.mjs +167 -150
- package/fesm2020/skyux-lists.mjs.map +1 -1
- 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/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
|
@@ -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
|
}
|
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.3",
|
|
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.3",
|
|
48
|
+
"@skyux/animations": "7.0.0-beta.3",
|
|
49
|
+
"@skyux/core": "7.0.0-beta.3",
|
|
50
|
+
"@skyux/forms": "7.0.0-beta.3",
|
|
51
|
+
"@skyux/i18n": "7.0.0-beta.3",
|
|
52
|
+
"@skyux/indicators": "7.0.0-beta.3",
|
|
53
|
+
"@skyux/inline-form": "7.0.0-beta.3",
|
|
54
|
+
"@skyux/popovers": "7.0.0-beta.3",
|
|
55
|
+
"@skyux/theme": "7.0.0-beta.3"
|
|
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
|
*/
|