@skyux/lists 8.0.0-alpha.2 → 8.0.0-alpha.20

package/lib/modules/repeater/repeater-auto-scroll-options.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ */
+export interface SkyRepeaterAutoScrollOptions {
+    margin: number;
+    maxSpeed: number;
+    scrollWhenOutside: boolean;
+    autoScroll(): boolean | undefined;
+}

package/lib/modules/repeater/repeater-auto-scroll.service.d.ts

@@ -0,0 +1,11 @@
+import { SkyRepeaterAutoScrollOptions } from './repeater-auto-scroll-options';
+import { SkyRepeaterAutoScroller } from './repeater-auto-scroller';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export declare class SkyRepeaterAutoScrollService {
+    autoScroll(elements: (HTMLElement | Window)[], options: SkyRepeaterAutoScrollOptions): SkyRepeaterAutoScroller;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterAutoScrollService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyRepeaterAutoScrollService>;
+}

package/lib/modules/repeater/repeater-auto-scroller.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @internal
+ */
+export interface SkyRepeaterAutoScroller {
+    destroy(): void;
+}

package/lib/modules/repeater/repeater-expand-mode-type.d.ts

@@ -1 +1 @@
-export declare type SkyRepeaterExpandModeType = 'single' | 'multiple' | 'none';
+export type SkyRepeaterExpandModeType = 'single' | 'multiple' | 'none';

package/lib/modules/repeater/repeater-item-roles.type.d.ts

@@ -1,4 +1,4 @@
-export declare type SkyRepeaterItemRolesType = {
+export type SkyRepeaterItemRolesType = {
     item: 'listitem' | 'option' | 'row' | undefined;
     title: 'rowheader' | undefined;
     content: 'gridcell' | undefined;

package/lib/modules/repeater/repeater-item.component.d.ts

@@ -103,6 +103,7 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     reorderButtonLabel: string;
     reorderState: string | undefined;
     slideDirection: string | undefined;
+    animationDisabled: boolean;
     get repeaterGroupClass(): string;
     grabHandle: ElementRef | undefined;
     itemContentRef: ElementRef | undefined;
@@ -117,7 +118,7 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     headerClick(): void;
     chevronDirectionChange(direction: string): void;
     onRepeaterItemClick(event: MouseEvent): void;
-    updateForExpanded(value: boolean): void;
+    updateForExpanded(value: boolean, animate: boolean): void;
     onCheckboxChange(value: SkyCheckboxChange): void;
     onInlineFormClose(inlineFormCloseArgs: SkyInlineFormCloseArgs): void;
     moveToTop(event: Event): void;

package/lib/modules/repeater/repeater-role.type.d.ts

@@ -1 +1 @@
-export declare type SkyRepeaterRoleType = 'list' | 'listbox' | 'grid';
+export type SkyRepeaterRoleType = 'list' | 'listbox' | 'grid';

package/lib/modules/repeater/repeater.component.d.ts

@@ -1,15 +1,12 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';
-import { DragulaService } from 'ng2-dragula';
-import { SkyRepeaterAdapterService } from './repeater-adapter.service';
+import { AfterContentInit, AfterViewChecked, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { SkyRepeaterExpandModeType } from './repeater-expand-mode-type';
 import { SkyRepeaterItemComponent } from './repeater-item.component';
 import { SkyRepeaterRoleType } from './repeater-role.type';
-import { SkyRepeaterService } from './repeater.service';
 import * as i0 from "@angular/core";
 /**
  * Creates a container to display repeater items.
  */
-export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
+export declare class SkyRepeaterComponent implements AfterContentInit, AfterViewChecked, OnChanges, OnDestroy, OnInit {
     #private;
     /**
      * The index of the repeater item to visually highlight as active.
@@ -51,8 +48,8 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
      * and users only occasionally need to view the body content.
      * @default "none"
      */
-    set expandMode(value: SkyRepeaterExpandModeType | string | undefined);
-    get expandMode(): SkyRepeaterExpandModeType | string;
+    set expandMode(value: SkyRepeaterExpandModeType | undefined);
+    get expandMode(): SkyRepeaterExpandModeType;
     /**
      * Fires when the active repeater item changes.
      */
@@ -65,8 +62,9 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
     items: QueryList<SkyRepeaterItemComponent> | undefined;
     dragulaGroupName: string;
     role: SkyRepeaterRoleType | undefined;
-    constructor(changeDetector: ChangeDetectorRef, repeaterService: SkyRepeaterService, adapterService: SkyRepeaterAdapterService, dragulaService: DragulaService, elementRef: ElementRef, renderer: Renderer2);
+    constructor();
     ngAfterContentInit(): void;
+    ngAfterViewChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngOnInit(): void;

package/lib/modules/repeater/repeater.service.d.ts

@@ -12,8 +12,8 @@ export declare class SkyRepeaterService implements OnDestroy {
     activeItemChange: BehaviorSubject<SkyRepeaterItemComponent | undefined>;
     activeItemIndexChange: BehaviorSubject<number | undefined>;
     enableActiveState: boolean;
-    get expandMode(): SkyRepeaterExpandModeType | string;
-    set expandMode(value: SkyRepeaterExpandModeType | string | undefined);
+    get expandMode(): SkyRepeaterExpandModeType;
+    set expandMode(value: SkyRepeaterExpandModeType | undefined);
     itemCollapseStateChange: EventEmitter<SkyRepeaterItemComponent>;
     items: SkyRepeaterItemComponent[];
     readonly itemRole: BehaviorSubject<SkyRepeaterItemRolesType>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lists",
-  "version": "8.0.0-alpha.2",
+  "version": "8.0.0-alpha.20",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -40,24 +40,26 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^15.1.4",
-    "@angular/common": "^15.1.4",
-    "@angular/core": "^15.1.4",
-    "@angular/platform-browser": "^15.1.4",
-    "@skyux-sdk/testing": "8.0.0-alpha.2",
-    "@skyux/animations": "8.0.0-alpha.2",
-    "@skyux/core": "8.0.0-alpha.2",
-    "@skyux/forms": "8.0.0-alpha.2",
-    "@skyux/i18n": "8.0.0-alpha.2",
-    "@skyux/indicators": "8.0.0-alpha.2",
-    "@skyux/inline-form": "8.0.0-alpha.2",
-    "@skyux/popovers": "8.0.0-alpha.2",
-    "@skyux/theme": "8.0.0-alpha.2"
+    "@angular/cdk": "^15.2.1",
+    "@angular/common": "^15.2.1",
+    "@angular/core": "^15.2.1",
+    "@angular/platform-browser": "^15.2.1",
+    "@skyux-sdk/testing": "8.0.0-alpha.20",
+    "@skyux/animations": "8.0.0-alpha.20",
+    "@skyux/core": "8.0.0-alpha.20",
+    "@skyux/forms": "8.0.0-alpha.20",
+    "@skyux/i18n": "8.0.0-alpha.20",
+    "@skyux/indicators": "8.0.0-alpha.20",
+    "@skyux/inline-form": "8.0.0-alpha.20",
+    "@skyux/popovers": "8.0.0-alpha.20",
+    "@skyux/theme": "8.0.0-alpha.20"
   },
   "dependencies": {
+    "@types/dragula": "2.1.36",
+    "dom-autoscroller": "2.3.4",
     "dragula": "3.7.3",
-    "ng2-dragula": "2.1.1",
-    "tslib": "^2.3.1"
+    "ng2-dragula": "4.0.0",
+    "tslib": "^2.5.0"
   },
   "module": "fesm2015/skyux-lists.mjs",
   "es2020": "fesm2020/skyux-lists.mjs",

package/testing/filter/lists-filter-fixture-button.d.ts

@@ -1,4 +1,4 @@
-export declare type SkyListsFilterFixtureButton = {
+export type SkyListsFilterFixtureButton = {
     ariaControls: string | undefined;
     ariaExpanded: boolean;
     disabled: boolean;

package/testing/repeater/repeater-harness.d.ts

@@ -5,7 +5,6 @@ import { SkyRepeaterItemHarness } from './repeater-item-harness';
 import { SkyRepeaterItemHarnessFilters } from './repeater-item-harness-filters';
 /**
  * Harness for interacting with a repeater component in tests.
- * @internal
  */
 export declare class SkyRepeaterHarness extends SkyComponentHarness {
     /**

package/testing/repeater/repeater-item-harness.d.ts

@@ -1,9 +1,8 @@
-import { ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/testing';
+import { ComponentHarness, HarnessPredicate, HarnessQuery, TestElement } from '@angular/cdk/testing';
 import { SkyComponentHarness } from '@skyux/core/testing';
 import { SkyRepeaterItemHarnessFilters } from './repeater-item-harness-filters';
 /**
  * Harness for interacting with a repeater item component in tests.
- * @internal
  */
 export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
     #private;
@@ -28,6 +27,18 @@ export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
      * Returns a child harness.
      */
     queryHarness<T extends ComponentHarness>(query: HarnessQuery<T>): Promise<T | null>;
+    /**
+     * Returns child harnesses.
+     */
+    queryHarnesses<T extends ComponentHarness>(harness: HarnessQuery<T>): Promise<T[]>;
+    /**
+     * Returns a child test element.
+     */
+    querySelector(selector: string): Promise<TestElement | null>;
+    /**
+     * Returns child test elements.
+     */
+    querySelectorAll(selector: string): Promise<TestElement[]>;
     /**
      * Selects the repeater item.
      */
@@ -44,4 +55,28 @@ export declare class SkyRepeaterItemHarness extends SkyComponentHarness {
      * Gets the text of the repeater item title.
      */
     getTitleText(): Promise<string>;
+    /**
+     * Whether the repeater item is collapsible.
+     */
+    isCollapsible(): Promise<boolean>;
+    /**
+     * Whether the repeater item is expanded, or throws an error informing of the lack of collapsibility.
+     */
+    isExpanded(): Promise<boolean>;
+    /**
+     * Expands the repeater item, or does nothing if already expanded.
+     */
+    expand(): Promise<void>;
+    /**
+     * Collapses the repeater item, or does nothing if already collapsed.
+     */
+    collapse(): Promise<void>;
+    /**
+     * Whether the repeater item is reorderable.
+     */
+    isReorderable(): Promise<boolean>;
+    /**
+     * Moves the repeater item to the top of the list
+     */
+    sendToTop(): Promise<void>;
 }