@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.
Files changed (29) hide show
  1. package/documentation.json +423 -351
  2. package/esm2020/lib/modules/filter/filter-button.component.mjs +17 -5
  3. package/esm2020/lib/modules/filter/filter-summary-item.component.mjs +14 -5
  4. package/esm2020/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.mjs +52 -60
  5. package/esm2020/lib/modules/infinite-scroll/infinite-scroll.component.mjs +51 -44
  6. package/esm2020/lib/modules/paging/paging.component.mjs +41 -40
  7. package/esm2020/testing/filter/filter-fixture-button.mjs +21 -15
  8. package/esm2020/testing/filter/filter-fixture-summary.mjs +11 -6
  9. package/esm2020/testing/filter/lists-filter-fixture-button.mjs +1 -1
  10. package/esm2020/testing/paging/paging-fixture.mjs +2 -2
  11. package/esm2020/testing/repeater/repeater-item-harness.mjs +8 -2
  12. package/fesm2015/skyux-lists-testing.mjs +40 -21
  13. package/fesm2015/skyux-lists-testing.mjs.map +1 -1
  14. package/fesm2015/skyux-lists.mjs +167 -150
  15. package/fesm2015/skyux-lists.mjs.map +1 -1
  16. package/fesm2020/skyux-lists-testing.mjs +36 -21
  17. package/fesm2020/skyux-lists-testing.mjs.map +1 -1
  18. package/fesm2020/skyux-lists.mjs +167 -150
  19. package/fesm2020/skyux-lists.mjs.map +1 -1
  20. package/lib/modules/filter/filter-button.component.d.ts +9 -8
  21. package/lib/modules/filter/filter-summary-item.component.d.ts +3 -1
  22. package/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.d.ts +3 -9
  23. package/lib/modules/infinite-scroll/infinite-scroll.component.d.ts +3 -10
  24. package/lib/modules/paging/paging.component.d.ts +2 -4
  25. package/package.json +10 -10
  26. package/testing/filter/filter-fixture-button.d.ts +1 -2
  27. package/testing/filter/filter-fixture-summary.d.ts +1 -2
  28. package/testing/filter/lists-filter-fixture-button.d.ts +2 -2
  29. 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<any>;
40
- private _filterButtonId;
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 windowRef;
10
- private ngUnsubscribe;
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 changeDetector;
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.1",
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.1",
48
- "@skyux/animations": "7.0.0-beta.1",
49
- "@skyux/core": "7.0.0-beta.1",
50
- "@skyux/forms": "7.0.0-beta.1",
51
- "@skyux/i18n": "7.0.0-beta.1",
52
- "@skyux/indicators": "7.0.0-beta.1",
53
- "@skyux/inline-form": "7.0.0-beta.1",
54
- "@skyux/popovers": "7.0.0-beta.1",
55
- "@skyux/theme": "7.0.0-beta.1"
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 fixture;
10
- private debugElement;
9
+ #private;
11
10
  constructor(fixture: ComponentFixture<any>, skyTestId: string);
12
11
  filterCloseClick(index: number): Promise<any>;
13
12
  }
@@ -1,6 +1,6 @@
1
1
  export declare type SkyListsFilterFixtureButton = {
2
- ariaControls: string;
2
+ ariaControls: string | undefined;
3
3
  ariaExpanded: boolean;
4
4
  disabled: boolean;
5
- id: string;
5
+ id: string | undefined;
6
6
  };
@@ -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
  */