@skyux/lists 8.0.0-alpha.9 → 8.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +1970 -457
- package/esm2020/lib/modules/infinite-scroll/infinite-scroll.component.mjs +1 -1
- package/esm2020/lib/modules/repeater/repeater-auto-scroll-options.mjs +2 -0
- package/esm2020/lib/modules/repeater/repeater-auto-scroll.service.mjs +17 -0
- package/esm2020/lib/modules/repeater/repeater-auto-scroller.mjs +2 -0
- package/esm2020/lib/modules/repeater/repeater-item.component.mjs +13 -11
- package/esm2020/lib/modules/repeater/repeater.component.mjs +82 -37
- package/esm2020/lib/modules/shared/sky-lists-resources.module.mjs +5 -3
- package/esm2020/lib/modules/sort/sort-item.component.mjs +3 -3
- package/esm2020/testing/repeater/repeater-harness.mjs +1 -2
- package/esm2020/testing/repeater/repeater-item-harness.mjs +97 -10
- package/fesm2015/skyux-lists-testing.mjs +119 -12
- package/fesm2015/skyux-lists-testing.mjs.map +1 -1
- package/fesm2015/skyux-lists.mjs +123 -60
- package/fesm2015/skyux-lists.mjs.map +1 -1
- package/fesm2020/skyux-lists-testing.mjs +96 -10
- package/fesm2020/skyux-lists-testing.mjs.map +1 -1
- package/fesm2020/skyux-lists.mjs +122 -60
- package/fesm2020/skyux-lists.mjs.map +1 -1
- package/lib/modules/repeater/repeater-auto-scroll-options.d.ts +9 -0
- package/lib/modules/repeater/repeater-auto-scroll.service.d.ts +11 -0
- package/lib/modules/repeater/repeater-auto-scroller.d.ts +6 -0
- package/lib/modules/repeater/repeater-item.component.d.ts +2 -1
- package/lib/modules/repeater/repeater.component.d.ts +4 -6
- package/package.json +11 -10
- package/testing/repeater/repeater-harness.d.ts +0 -1
- package/testing/repeater/repeater-item-harness.d.ts +45 -6
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { SkyRepeaterAutoScrollOptions } from './repeater-auto-scroll-options';
|
|
2
|
+
import { SkyRepeaterAutoScroller } from './repeater-auto-scroller';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export declare class SkyRepeaterAutoScrollService {
|
|
8
|
+
autoScroll(elements: (HTMLElement | Window)[], options: SkyRepeaterAutoScrollOptions): SkyRepeaterAutoScroller;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterAutoScrollService, never>;
|
|
10
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyRepeaterAutoScrollService>;
|
|
11
|
+
}
|
|
@@ -103,6 +103,7 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
|
|
|
103
103
|
reorderButtonLabel: string;
|
|
104
104
|
reorderState: string | undefined;
|
|
105
105
|
slideDirection: string | undefined;
|
|
106
|
+
animationDisabled: boolean;
|
|
106
107
|
get repeaterGroupClass(): string;
|
|
107
108
|
grabHandle: ElementRef | undefined;
|
|
108
109
|
itemContentRef: ElementRef | undefined;
|
|
@@ -117,7 +118,7 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
|
|
|
117
118
|
headerClick(): void;
|
|
118
119
|
chevronDirectionChange(direction: string): void;
|
|
119
120
|
onRepeaterItemClick(event: MouseEvent): void;
|
|
120
|
-
updateForExpanded(value: boolean): void;
|
|
121
|
+
updateForExpanded(value: boolean, animate: boolean): void;
|
|
121
122
|
onCheckboxChange(value: SkyCheckboxChange): void;
|
|
122
123
|
onInlineFormClose(inlineFormCloseArgs: SkyInlineFormCloseArgs): void;
|
|
123
124
|
moveToTop(event: Event): void;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import { AfterContentInit,
|
|
2
|
-
import { DragulaService } from 'ng2-dragula';
|
|
3
|
-
import { SkyRepeaterAdapterService } from './repeater-adapter.service';
|
|
1
|
+
import { AfterContentInit, AfterViewChecked, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
|
|
4
2
|
import { SkyRepeaterExpandModeType } from './repeater-expand-mode-type';
|
|
5
3
|
import { SkyRepeaterItemComponent } from './repeater-item.component';
|
|
6
4
|
import { SkyRepeaterRoleType } from './repeater-role.type';
|
|
7
|
-
import { SkyRepeaterService } from './repeater.service';
|
|
8
5
|
import * as i0 from "@angular/core";
|
|
9
6
|
/**
|
|
10
7
|
* Creates a container to display repeater items.
|
|
11
8
|
*/
|
|
12
|
-
export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
|
|
9
|
+
export declare class SkyRepeaterComponent implements AfterContentInit, AfterViewChecked, OnChanges, OnDestroy, OnInit {
|
|
13
10
|
#private;
|
|
14
11
|
/**
|
|
15
12
|
* The index of the repeater item to visually highlight as active.
|
|
@@ -65,8 +62,9 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
|
|
|
65
62
|
items: QueryList<SkyRepeaterItemComponent> | undefined;
|
|
66
63
|
dragulaGroupName: string;
|
|
67
64
|
role: SkyRepeaterRoleType | undefined;
|
|
68
|
-
constructor(
|
|
65
|
+
constructor();
|
|
69
66
|
ngAfterContentInit(): void;
|
|
67
|
+
ngAfterViewChecked(): void;
|
|
70
68
|
ngOnChanges(changes: SimpleChanges): void;
|
|
71
69
|
ngOnDestroy(): void;
|
|
72
70
|
ngOnInit(): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lists",
|
|
3
|
-
"version": "8.0.0-
|
|
3
|
+
"version": "8.0.0-beta.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -44,18 +44,19 @@
|
|
|
44
44
|
"@angular/common": "^15.2.1",
|
|
45
45
|
"@angular/core": "^15.2.1",
|
|
46
46
|
"@angular/platform-browser": "^15.2.1",
|
|
47
|
-
"@skyux-sdk/testing": "8.0.0-
|
|
48
|
-
"@skyux/animations": "8.0.0-
|
|
49
|
-
"@skyux/core": "8.0.0-
|
|
50
|
-
"@skyux/forms": "8.0.0-
|
|
51
|
-
"@skyux/i18n": "8.0.0-
|
|
52
|
-
"@skyux/indicators": "8.0.0-
|
|
53
|
-
"@skyux/inline-form": "8.0.0-
|
|
54
|
-
"@skyux/popovers": "8.0.0-
|
|
55
|
-
"@skyux/theme": "8.0.0-
|
|
47
|
+
"@skyux-sdk/testing": "8.0.0-beta.0",
|
|
48
|
+
"@skyux/animations": "8.0.0-beta.0",
|
|
49
|
+
"@skyux/core": "8.0.0-beta.0",
|
|
50
|
+
"@skyux/forms": "8.0.0-beta.0",
|
|
51
|
+
"@skyux/i18n": "8.0.0-beta.0",
|
|
52
|
+
"@skyux/indicators": "8.0.0-beta.0",
|
|
53
|
+
"@skyux/inline-form": "8.0.0-beta.0",
|
|
54
|
+
"@skyux/popovers": "8.0.0-beta.0",
|
|
55
|
+
"@skyux/theme": "8.0.0-beta.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"@types/dragula": "2.1.36",
|
|
59
|
+
"dom-autoscroller": "2.3.4",
|
|
59
60
|
"dragula": "3.7.3",
|
|
60
61
|
"ng2-dragula": "4.0.0",
|
|
61
62
|
"tslib": "^2.5.0"
|
|
@@ -5,7 +5,6 @@ import { SkyRepeaterItemHarness } from './repeater-item-harness';
|
|
|
5
5
|
import { SkyRepeaterItemHarnessFilters } from './repeater-item-harness-filters';
|
|
6
6
|
/**
|
|
7
7
|
* Harness for interacting with a repeater component in tests.
|
|
8
|
-
* @internal
|
|
9
8
|
*/
|
|
10
9
|
export declare class SkyRepeaterHarness extends SkyComponentHarness {
|
|
11
10
|
/**
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/testing';
|
|
1
|
+
import { ComponentHarness, HarnessPredicate, HarnessQuery, TestElement } from '@angular/cdk/testing';
|
|
2
2
|
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
3
|
import { SkyRepeaterItemHarnessFilters } from './repeater-item-harness-filters';
|
|
4
4
|
/**
|
|
5
5
|
* Harness for interacting with a repeater item component in tests.
|
|
6
|
-
* @internal
|
|
7
6
|
*/
|
|
8
7
|
export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
|
|
9
8
|
#private;
|
|
@@ -16,6 +15,26 @@ export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
|
|
|
16
15
|
* `SkyRepeaterItemHarness` that meets certain criteria.
|
|
17
16
|
*/
|
|
18
17
|
static with(filters: SkyRepeaterItemHarnessFilters): HarnessPredicate<SkyRepeaterItemHarness>;
|
|
18
|
+
/**
|
|
19
|
+
* Returns a child harness.
|
|
20
|
+
*/
|
|
21
|
+
queryHarness<T extends ComponentHarness>(query: HarnessQuery<T>): Promise<T | null>;
|
|
22
|
+
/**
|
|
23
|
+
* Returns child harnesses.
|
|
24
|
+
*/
|
|
25
|
+
queryHarnesses<T extends ComponentHarness>(harness: HarnessQuery<T>): Promise<T[]>;
|
|
26
|
+
/**
|
|
27
|
+
* Returns a child test element.
|
|
28
|
+
*/
|
|
29
|
+
querySelector(selector: string): Promise<TestElement | null>;
|
|
30
|
+
/**
|
|
31
|
+
* Returns child test elements.
|
|
32
|
+
*/
|
|
33
|
+
querySelectorAll(selector: string): Promise<TestElement[]>;
|
|
34
|
+
/**
|
|
35
|
+
* Clicks on the repeater item.
|
|
36
|
+
*/
|
|
37
|
+
click(): Promise<void>;
|
|
19
38
|
/**
|
|
20
39
|
* Whether the repeater item is selectable.
|
|
21
40
|
*/
|
|
@@ -24,10 +43,6 @@ export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
|
|
|
24
43
|
* Whether the repeater item is selected.
|
|
25
44
|
*/
|
|
26
45
|
isSelected(): Promise<boolean>;
|
|
27
|
-
/**
|
|
28
|
-
* Returns a child harness.
|
|
29
|
-
*/
|
|
30
|
-
queryHarness<T extends ComponentHarness>(query: HarnessQuery<T>): Promise<T | null>;
|
|
31
46
|
/**
|
|
32
47
|
* Selects the repeater item.
|
|
33
48
|
*/
|
|
@@ -44,4 +59,28 @@ export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
|
|
|
44
59
|
* Gets the text of the repeater item title.
|
|
45
60
|
*/
|
|
46
61
|
getTitleText(): Promise<string>;
|
|
62
|
+
/**
|
|
63
|
+
* Whether the repeater item is collapsible.
|
|
64
|
+
*/
|
|
65
|
+
isCollapsible(): Promise<boolean>;
|
|
66
|
+
/**
|
|
67
|
+
* Whether the repeater item is expanded, or throws an error informing of the lack of collapsibility.
|
|
68
|
+
*/
|
|
69
|
+
isExpanded(): Promise<boolean>;
|
|
70
|
+
/**
|
|
71
|
+
* Expands the repeater item, or does nothing if already expanded.
|
|
72
|
+
*/
|
|
73
|
+
expand(): Promise<void>;
|
|
74
|
+
/**
|
|
75
|
+
* Collapses the repeater item, or does nothing if already collapsed.
|
|
76
|
+
*/
|
|
77
|
+
collapse(): Promise<void>;
|
|
78
|
+
/**
|
|
79
|
+
* Whether the repeater item is reorderable.
|
|
80
|
+
*/
|
|
81
|
+
isReorderable(): Promise<boolean>;
|
|
82
|
+
/**
|
|
83
|
+
* Moves the repeater item to the top of the list
|
|
84
|
+
*/
|
|
85
|
+
sendToTop(): Promise<void>;
|
|
47
86
|
}
|