@skyux/lists 5.9.6 → 5.9.7

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

@@ -2,7 +2,9 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy,
 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 { SkyRepeaterItemRolesType } from './repeater-item-roles.type';
 import { SkyRepeaterService } from './repeater.service';
 import * as i0 from "@angular/core";
 /**
@@ -14,6 +16,17 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     private adapterService;
     private elementRef;
     private resourceService;
+    /**
+     * 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).
+     * - One item per list/grid/listbox should be tab focusable per [W3C](https://www.w3.org/TR/wai-aria-practices-1.1/#grid).
+     */
+    get tabindex(): 0 | -1;
+    /**
+     * Whether to exclude an item when cycling through.
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * 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
@@ -88,6 +101,7 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     isActive: boolean;
     set isCollapsible(value: boolean);
     get isCollapsible(): boolean;
+    itemRole$: Observable<SkyRepeaterItemRolesType>;
     keyboardReorderingEnabled: boolean;
     reorderButtonLabel: string;
     reorderState: string;
@@ -107,12 +121,14 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     private reorderStateDescription;
     private reorderSteps;
     private _isCollapsible;
+    private _isDisabled;
     private _isExpanded;
     private _isSelected;
     constructor(repeaterService: SkyRepeaterService, changeDetector: ChangeDetectorRef, adapterService: SkyRepeaterAdapterService, elementRef: ElementRef, resourceService: SkyLibResourcesService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    onKeydown($event: KeyboardEvent): void;
     headerClick(): void;
     chevronDirectionChange(direction: string): void;
     onRepeaterItemClick(event: MouseEvent): void;
@@ -122,7 +138,6 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     moveToTop(event: Event): void;
     onReorderHandleKeyDown(event: KeyboardEvent): void;
     onReorderHandleBlur(event: any): void;
-    onItemKeyDown(event: KeyboardEvent): void;
     private slideForExpanded;
     private keyboardReorderUp;
     private keyboardReorderDown;
@@ -130,5 +145,5 @@ export declare class SkyRepeaterItemComponent implements OnDestroy, OnInit, Afte
     private revertReorderSteps;
     private updateExpandOnContentChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRepeaterItemComponent, "sky-repeater-item", never, { "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"]>;
+    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"]>;
 }

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

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

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

@@ -1,13 +1,14 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, Renderer2, SimpleChanges } from '@angular/core';
+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 { 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 {
+export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
     private changeDetector;
     private repeaterService;
     private adapterService;
@@ -66,6 +67,7 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
     orderChange: EventEmitter<any[]>;
     items: QueryList<SkyRepeaterItemComponent>;
     dragulaGroupName: string;
+    role: SkyRepeaterRoleType | undefined;
     private dragulaUnsubscribe;
     private ngUnsubscribe;
     private _expandMode;
@@ -73,11 +75,14 @@ export declare class SkyRepeaterComponent implements AfterContentInit, OnChanges
     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"], ["*"]>;
 }

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

@@ -6,12 +6,13 @@ import * as i4 from "./repeater-item-context-menu.component";
 import * as i5 from "./repeater-item-title.component";
 import * as i6 from "@angular/common";
 import * as i7 from "ng2-dragula";
-import * as i8 from "@skyux/indicators";
-import * as i9 from "@skyux/forms";
-import * as i10 from "@skyux/inline-form";
-import * as i11 from "../shared/sky-lists-resources.module";
+import * as i8 from "@angular/cdk/observers";
+import * as i9 from "@skyux/indicators";
+import * as i10 from "@skyux/forms";
+import * as i11 from "@skyux/inline-form";
+import * as i12 from "../shared/sky-lists-resources.module";
 export declare class SkyRepeaterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRepeaterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRepeaterModule, [typeof i1.SkyRepeaterComponent, typeof i2.SkyRepeaterItemComponent, typeof i3.SkyRepeaterItemContentComponent, typeof i4.SkyRepeaterItemContextMenuComponent, typeof i5.SkyRepeaterItemTitleComponent], [typeof i6.CommonModule, typeof i7.DragulaModule, typeof i8.SkyChevronModule, typeof i9.SkyCheckboxModule, typeof i8.SkyIconModule, typeof i10.SkyInlineFormModule, typeof i11.SkyListsResourcesModule], [typeof i1.SkyRepeaterComponent, typeof i2.SkyRepeaterItemComponent, typeof i3.SkyRepeaterItemContentComponent, typeof i4.SkyRepeaterItemContextMenuComponent, typeof i5.SkyRepeaterItemTitleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRepeaterModule, [typeof i1.SkyRepeaterComponent, typeof i2.SkyRepeaterItemComponent, typeof i3.SkyRepeaterItemContentComponent, typeof i4.SkyRepeaterItemContextMenuComponent, typeof i5.SkyRepeaterItemTitleComponent], [typeof i6.CommonModule, typeof i7.DragulaModule, typeof i8.ObserversModule, typeof i9.SkyChevronModule, typeof i10.SkyCheckboxModule, typeof i9.SkyIconModule, typeof i11.SkyInlineFormModule, typeof i12.SkyListsResourcesModule], [typeof i1.SkyRepeaterComponent, typeof i2.SkyRepeaterItemComponent, typeof i3.SkyRepeaterItemContentComponent, typeof i4.SkyRepeaterItemContextMenuComponent, typeof i5.SkyRepeaterItemTitleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyRepeaterModule>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import { SkyRepeaterItemRolesType } from './repeater-item-roles.type';
 import { SkyRepeaterItemComponent } from './repeater-item.component';
 import * as i0 from "@angular/core";
 /**
@@ -12,6 +13,7 @@ export declare class SkyRepeaterService implements OnDestroy {
     expandMode: string;
     itemCollapseStateChange: EventEmitter<SkyRepeaterItemComponent>;
     items: SkyRepeaterItemComponent[];
+    readonly itemRole: BehaviorSubject<SkyRepeaterItemRolesType>;
     orderChange: BehaviorSubject<void>;
     repeaterGroupId: number;
     ngOnDestroy(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lists",
-  "version": "5.9.6",
+  "version": "5.9.7",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,18 +16,19 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
+    "@angular/cdk": "^12.2.13",
     "@angular/common": "^12.2.16",
     "@angular/core": "^12.2.16",
     "@angular/platform-browser": "^12.2.16",
-    "@skyux-sdk/testing": "5.9.6",
-    "@skyux/animations": "5.9.6",
-    "@skyux/core": "5.9.6",
-    "@skyux/forms": "5.9.6",
-    "@skyux/i18n": "5.9.6",
-    "@skyux/indicators": "5.9.6",
-    "@skyux/inline-form": "5.9.6",
-    "@skyux/popovers": "5.9.6",
-    "@skyux/theme": "5.9.6"
+    "@skyux-sdk/testing": "5.9.7",
+    "@skyux/animations": "5.9.7",
+    "@skyux/core": "5.9.7",
+    "@skyux/forms": "5.9.7",
+    "@skyux/i18n": "5.9.7",
+    "@skyux/indicators": "5.9.7",
+    "@skyux/inline-form": "5.9.7",
+    "@skyux/popovers": "5.9.7",
+    "@skyux/theme": "5.9.7"
   },
   "dependencies": {
     "dragula": "3.7.3",