@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.
Files changed (50) hide show
  1. package/documentation.json +727 -448
  2. package/esm2020/index.mjs +2 -1
  3. package/esm2020/lib/modules/filter/filter-button.component.mjs +17 -5
  4. package/esm2020/lib/modules/filter/filter-summary-item.component.mjs +15 -6
  5. package/esm2020/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.mjs +52 -60
  6. package/esm2020/lib/modules/infinite-scroll/infinite-scroll.component.mjs +51 -44
  7. package/esm2020/lib/modules/paging/paging.component.mjs +41 -40
  8. package/esm2020/lib/modules/repeater/repeater-adapter.service.mjs +32 -27
  9. package/esm2020/lib/modules/repeater/repeater-expand-mode-type.mjs +2 -0
  10. package/esm2020/lib/modules/repeater/repeater-item.component.mjs +168 -147
  11. package/esm2020/lib/modules/repeater/repeater.component.mjs +167 -173
  12. package/esm2020/lib/modules/repeater/repeater.service.mjs +15 -4
  13. package/esm2020/lib/modules/sort/sort-item.component.mjs +26 -16
  14. package/esm2020/lib/modules/sort/sort.component.mjs +1 -1
  15. package/esm2020/lib/modules/sort/sort.service.mjs +1 -1
  16. package/esm2020/testing/filter/filter-fixture-button.mjs +21 -15
  17. package/esm2020/testing/filter/filter-fixture-summary.mjs +11 -6
  18. package/esm2020/testing/filter/lists-filter-fixture-button.mjs +1 -1
  19. package/esm2020/testing/paging/paging-fixture.mjs +2 -2
  20. package/esm2020/testing/repeater/repeater-item-harness.mjs +17 -8
  21. package/esm2020/testing/sort/sort-fixture-menu-item.mjs +1 -1
  22. package/esm2020/testing/sort/sort-fixture.mjs +53 -47
  23. package/fesm2015/skyux-lists-testing.mjs +85 -58
  24. package/fesm2015/skyux-lists-testing.mjs.map +1 -1
  25. package/fesm2015/skyux-lists.mjs +581 -520
  26. package/fesm2015/skyux-lists.mjs.map +1 -1
  27. package/fesm2020/skyux-lists-testing.mjs +96 -73
  28. package/fesm2020/skyux-lists-testing.mjs.map +1 -1
  29. package/fesm2020/skyux-lists.mjs +573 -520
  30. package/fesm2020/skyux-lists.mjs.map +1 -1
  31. package/index.d.ts +1 -0
  32. package/lib/modules/filter/filter-button.component.d.ts +9 -8
  33. package/lib/modules/filter/filter-summary-item.component.d.ts +3 -1
  34. package/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.d.ts +3 -9
  35. package/lib/modules/infinite-scroll/infinite-scroll.component.d.ts +3 -10
  36. package/lib/modules/paging/paging.component.d.ts +2 -4
  37. package/lib/modules/repeater/repeater-adapter.service.d.ts +4 -11
  38. package/lib/modules/repeater/repeater-expand-mode-type.d.ts +1 -0
  39. package/lib/modules/repeater/repeater-item.component.d.ts +24 -46
  40. package/lib/modules/repeater/repeater.component.d.ts +8 -21
  41. package/lib/modules/repeater/repeater.service.d.ts +7 -5
  42. package/lib/modules/sort/sort-item.component.d.ts +2 -5
  43. package/lib/modules/sort/sort.component.d.ts +1 -1
  44. package/package.json +10 -10
  45. package/testing/filter/filter-fixture-button.d.ts +1 -2
  46. package/testing/filter/filter-fixture-summary.d.ts +1 -2
  47. package/testing/filter/lists-filter-fixture-button.d.ts +2 -2
  48. package/testing/repeater/repeater-item-harness.d.ts +5 -1
  49. package/testing/sort/sort-fixture-menu-item.d.ts +1 -1
  50. 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<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
  }
@@ -5,20 +5,13 @@ import * as i0 from "@angular/core";
5
5
  * @internal
6
6
  */
7
7
  export declare class SkyRepeaterAdapterService {
8
- private repeaterService;
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 repeaterService;
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
- private grabHandle;
111
- private itemContentRef;
112
- private itemHeaderRef;
113
- private itemRef;
114
- private repeaterItemContentComponents;
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, animate: boolean): void;
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 changeDetector;
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
- activeItemChange: BehaviorSubject<SkyRepeaterItemComponent>;
11
- activeItemIndexChange: BehaviorSubject<number>;
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 sortService;
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.0",
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.0",
48
- "@skyux/animations": "7.0.0-beta.0",
49
- "@skyux/core": "7.0.0-beta.0",
50
- "@skyux/forms": "7.0.0-beta.0",
51
- "@skyux/i18n": "7.0.0-beta.0",
52
- "@skyux/indicators": "7.0.0-beta.0",
53
- "@skyux/inline-form": "7.0.0-beta.0",
54
- "@skyux/popovers": "7.0.0-beta.0",
55
- "@skyux/theme": "7.0.0-beta.0"
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 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
  */
@@ -4,5 +4,5 @@
4
4
  export interface SkySortFixtureMenuItem {
5
5
  index: number;
6
6
  isActive: boolean;
7
- text: string;
7
+ text?: string;
8
8
  }
@@ -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
  }