@skyux/lists 7.0.0-beta.6 → 7.0.0-beta.7

package/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/modules/filter/filter.module';
 export * from './lib/modules/infinite-scroll/infinite-scroll.module';
 export * from './lib/modules/paging/paging.module';
+export * from './lib/modules/repeater/repeater-expand-mode-type';
 export * from './lib/modules/repeater/repeater.module';
 export * from './lib/modules/sort/sort.module';
 export { SkyFilterButtonComponent as λ1 } from './lib/modules/filter/filter-button.component';

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

@@ -5,20 +5,13 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyRepeaterAdapterService {
-    private repeaterService;
-    private get repeaterItemGroupSelector();
-    private host;
+    #private;
     constructor(repeaterService: SkyRepeaterService);
-    focusElement(element: ElementRef | HTMLElement): void;
+    focusElement(element: ElementRef | HTMLElement | undefined): void;
     setRepeaterHost(hostRef: ElementRef): void;
     getRepeaterItemIndex(element: HTMLElement): number;
-    moveItemUp(element: HTMLElement, top?: boolean, steps?: number): number;
-    moveItemDown(element: HTMLElement, steps?: number): number;
-    private moveItem;
-    /**
-     * Returns an array of the immediate repeater item descendants. Excludes nested repeater items.
-     */
-    private getRepeaterItemArray;
+    moveItemUp(element: HTMLElement, top?: boolean, steps?: number): number | undefined;
+    moveItemDown(element: HTMLElement, steps?: number): number | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterAdapterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyRepeaterAdapterService>;
 }

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

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

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

@@ -1,9 +1,10 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { SkyCheckboxChange } from '@skyux/forms';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import { SkyInlineFormCloseArgs, SkyInlineFormConfig } from '@skyux/inline-form';
 import { Observable } from 'rxjs';
 import { SkyRepeaterAdapterService } from './repeater-adapter.service';
+import { SkyRepeaterItemContentComponent } from './repeater-item-content.component';
 import { SkyRepeaterItemRolesType } from './repeater-item-roles.type';
 import { SkyRepeaterService } from './repeater.service';
 import * as i0 from "@angular/core";
@@ -11,11 +12,7 @@ import * as i0 from "@angular/core";
  * Creates an individual repeater item.
  */
 export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, AfterViewInit {
-    private repeaterService;
-    private changeDetector;
-    private adapterService;
-    private elementRef;
-    private resourceService;
+    #private;
     /**
      * Make the first, non-disabled item tab-focusable.
      * - 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
     /**
      * Whether to exclude an item when cycling through.
      */
-    set disabled(value: boolean);
-    get disabled(): boolean;
+    set disabled(value: boolean | undefined);
+    get disabled(): boolean | undefined;
     /**
      * Specifies a human-readable name for the repeater item that is available for multiple purposes,
      * such as accessibility and instrumentation. For example, the component uses the name to
      * construct ARIA labels for the repeater item controls
      * to [support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      */
-    itemName: string;
+    itemName: string | undefined;
     /**
      * Specifies configuration options for the buttons to display on an inline form
      * within the repeater. This property accepts
      * [a `SkyInlineFormConfig` object](https://developer.blackbaud.com/skyux/components/inline-form#skyinlineformconfig-properties).
      */
-    inlineFormConfig: SkyInlineFormConfig;
+    inlineFormConfig: SkyInlineFormConfig | undefined;
     /**
      * Specifies [an Angular `TemplateRef`](https://angular.io/api/core/TemplateRef) to use
      * as a template to instantiate an inline form within the repeater.
      */
-    inlineFormTemplate: TemplateRef<unknown>;
+    inlineFormTemplate: TemplateRef<unknown> | undefined;
     /**
      * Indicates whether the repeater item is expanded.
      * @default true
      */
-    set isExpanded(value: boolean);
+    set isExpanded(value: boolean | undefined);
     get isExpanded(): boolean;
     /**
      * Indicates whether the repeater item's checkbox is selected.
      * When users select the repeater item, the specified property on your model is updated accordingly.
      * @default false
      */
-    set isSelected(value: boolean);
-    get isSelected(): boolean;
+    set isSelected(value: boolean | undefined);
+    get isSelected(): boolean | undefined;
     /**
      * Indicates whether users can change the order of the repeater item.
      * The repeater component's `reorderable` property must also be set to `true`.
      */
-    reorderable: boolean;
+    reorderable: boolean | undefined;
     /**
      * Indicates whether to display a checkbox in the left of the repeater item.
      */
-    selectable: boolean;
+    selectable: boolean | undefined;
     /**
      * Indicates whether to display an inline form within the repeater.
      * Users can toggle between displaying and hiding the inline form.
      */
-    showInlineForm: boolean;
+    showInlineForm: boolean | undefined;
     /**
      * Specifies an object that the repeater component returns for this repeater item
      * when the `orderChange` event fires. This is required
@@ -95,35 +92,22 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
      * Fires when users select or clear the checkbox for the repeater item.
      */
     isSelectedChange: EventEmitter<boolean>;
-    contextMenu: ElementRef;
+    contextMenu: ElementRef | undefined;
     contentId: string;
     hasItemContent: boolean;
     isActive: boolean;
-    set isCollapsible(value: boolean);
+    set isCollapsible(value: boolean | undefined);
     get isCollapsible(): boolean;
     itemRole$: Observable<SkyRepeaterItemRolesType>;
-    keyboardReorderingEnabled: boolean;
     reorderButtonLabel: string;
-    reorderState: string;
-    slideDirection: string;
+    reorderState: string | undefined;
+    slideDirection: string | undefined;
     get repeaterGroupClass(): string;
-    private grabHandle;
-    private itemContentRef;
-    private itemHeaderRef;
-    private itemRef;
-    private repeaterItemContentComponents;
-    private ngUnsubscribe;
-    private reorderCancelText;
-    private reorderCurrentIndex;
-    private reorderFinishText;
-    private reorderInstructions;
-    private reorderMovedText;
-    private reorderStateDescription;
-    private reorderSteps;
-    private _isCollapsible;
-    private _isDisabled;
-    private _isExpanded;
-    private _isSelected;
+    grabHandle: ElementRef | undefined;
+    itemContentRef: ElementRef | undefined;
+    itemHeaderRef: ElementRef | undefined;
+    itemRef: ElementRef | undefined;
+    repeaterItemContentComponents: QueryList<SkyRepeaterItemContentComponent> | undefined;
     constructor(repeaterService: SkyRepeaterService, changeDetector: ChangeDetectorRef, adapterService: SkyRepeaterAdapterService, elementRef: ElementRef, resourceService: SkyLibResourcesService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -132,18 +116,12 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     headerClick(): void;
     chevronDirectionChange(direction: string): void;
     onRepeaterItemClick(event: MouseEvent): void;
-    updateForExpanded(value: boolean, animate: boolean): void;
+    updateForExpanded(value: boolean): void;
     onCheckboxChange(value: SkyCheckboxChange): void;
     onInlineFormClose(inlineFormCloseArgs: SkyInlineFormCloseArgs): void;
     moveToTop(event: Event): void;
     onReorderHandleKeyDown(event: KeyboardEvent): void;
     onReorderHandleBlur(event: any): void;
-    private slideForExpanded;
-    private keyboardReorderUp;
-    private keyboardReorderDown;
-    private keyboardToggleReorder;
-    private revertReorderSteps;
-    private updateExpandOnContentChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterItemComponent, never>;
     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>;
 }

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

@@ -1,6 +1,7 @@
 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 { SkyRepeaterExpandModeType } from './repeater-expand-mode-type';
 import { SkyRepeaterItemComponent } from './repeater-item.component';
 import { SkyRepeaterRoleType } from './repeater-role.type';
 import { SkyRepeaterService } from './repeater.service';
@@ -9,32 +10,27 @@ import * as i0 from "@angular/core";
  * Creates a container to display repeater items.
  */
 export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
-    private changeDetector;
-    private repeaterService;
-    private adapterService;
-    private dragulaService;
-    private elementRef;
-    private renderer;
+    #private;
     /**
      * Specifies the index of the repeater item to visually highlight as active.
      * For example, use this property in conjunction with the
      * [split view component](https://developer.blackbaud.com/skyux/components/split-view)
      * to highlight a repeater item while users edit it. Only one item can be active at a time.
      */
-    activeIndex: number;
+    activeIndex: number | undefined;
     /**
      * Specifies an ARIA label for the repeater list.
      * This sets the repeater list's `aria-label` attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * @default "List of items"
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * Indicates whether users can change the order of items in the repeater list.
      * Each repeater item also has `reorderable` property to indicate whether
      * users can change its order.
      */
-    reorderable: boolean;
+    reorderable: boolean | undefined;
     /**
      * Specifies a layout to determine which repeater items are expanded by default and whether
      * repeater items are expandable and collapsible. Collapsed items display titles only.
@@ -54,8 +50,8 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
      * and users only occasionally need to view the body content.
      * @default "none"
      */
-    set expandMode(value: string);
-    get expandMode(): string;
+    set expandMode(value: SkyRepeaterExpandModeType | string | undefined);
+    get expandMode(): SkyRepeaterExpandModeType | string;
     /**
      * Fires when the active repeater item changes.
      */
@@ -65,24 +61,15 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
      * This event emits an ordered array of the `tag` properties that the consumer provides for each repeater item.
      */
     orderChange: EventEmitter<any[]>;
-    items: QueryList<SkyRepeaterItemComponent>;
+    items: QueryList<SkyRepeaterItemComponent> | undefined;
     dragulaGroupName: string;
     role: SkyRepeaterRoleType | undefined;
-    private dragulaUnsubscribe;
-    private ngUnsubscribe;
-    private _expandMode;
     constructor(changeDetector: ChangeDetectorRef, repeaterService: SkyRepeaterService, adapterService: SkyRepeaterAdapterService, dragulaService: DragulaService, elementRef: ElementRef, renderer: Renderer2);
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngOnInit(): void;
     onCdkObserveContent(): void;
-    private updateForExpandMode;
-    private initializeDragAndDrop;
-    private destroyDragAndDrop;
-    private emitTags;
-    private everyItemHasTag;
-    private updateRole;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyRepeaterComponent, "sky-repeater", never, { "activeIndex": "activeIndex"; "ariaLabel": "ariaLabel"; "reorderable": "reorderable"; "expandMode": "expandMode"; }, { "activeIndexChange": "activeIndexChange"; "orderChange": "orderChange"; }, ["items"], ["*"], false>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import { SkyRepeaterExpandModeType } from './repeater-expand-mode-type';
 import { SkyRepeaterItemRolesType } from './repeater-item-roles.type';
 import { SkyRepeaterItemComponent } from './repeater-item.component';
 import * as i0 from "@angular/core";
@@ -7,10 +8,12 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyRepeaterService implements OnDestroy {
-    activeItemChange: BehaviorSubject<SkyRepeaterItemComponent>;
-    activeItemIndexChange: BehaviorSubject<number>;
+    #private;
+    activeItemChange: BehaviorSubject<SkyRepeaterItemComponent | undefined>;
+    activeItemIndexChange: BehaviorSubject<number | undefined>;
     enableActiveState: boolean;
-    expandMode: string;
+    get expandMode(): SkyRepeaterExpandModeType | string;
+    set expandMode(value: SkyRepeaterExpandModeType | string | undefined);
     itemCollapseStateChange: EventEmitter<SkyRepeaterItemComponent>;
     items: SkyRepeaterItemComponent[];
     readonly itemRole: BehaviorSubject<SkyRepeaterItemRolesType>;
@@ -18,11 +21,10 @@ export declare class SkyRepeaterService implements OnDestroy {
     repeaterGroupId: number;
     ngOnDestroy(): void;
     activateItem(item: SkyRepeaterItemComponent): void;
-    activateItemByIndex(index: number): void;
+    activateItemByIndex(index: number | undefined): void;
     registerItem(item: SkyRepeaterItemComponent): void;
     unregisterItem(item: SkyRepeaterItemComponent): void;
     onItemCollapseStateChange(item: SkyRepeaterItemComponent): void;
-    getItemIndex(item: SkyRepeaterItemComponent): number;
     registerOrderChange(): void;
     reorderItem(oldIndex: number, newIndex: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterService, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lists",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0-beta.7",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -44,15 +44,15 @@
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
     "@angular/platform-browser": "^14.2.0",
-    "@skyux-sdk/testing": "7.0.0-beta.6",
-    "@skyux/animations": "7.0.0-beta.6",
-    "@skyux/core": "7.0.0-beta.6",
-    "@skyux/forms": "7.0.0-beta.6",
-    "@skyux/i18n": "7.0.0-beta.6",
-    "@skyux/indicators": "7.0.0-beta.6",
-    "@skyux/inline-form": "7.0.0-beta.6",
-    "@skyux/popovers": "7.0.0-beta.6",
-    "@skyux/theme": "7.0.0-beta.6"
+    "@skyux-sdk/testing": "7.0.0-beta.7",
+    "@skyux/animations": "7.0.0-beta.7",
+    "@skyux/core": "7.0.0-beta.7",
+    "@skyux/forms": "7.0.0-beta.7",
+    "@skyux/i18n": "7.0.0-beta.7",
+    "@skyux/indicators": "7.0.0-beta.7",
+    "@skyux/inline-form": "7.0.0-beta.7",
+    "@skyux/popovers": "7.0.0-beta.7",
+    "@skyux/theme": "7.0.0-beta.7"
   },
   "dependencies": {
     "dragula": "3.7.3",