@skyux/lists 5.1.0 → 5.5.0

package/esm2015/lib/modules/paging/paging.component.js

@@ -0,0 +1,127 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/indicators";
+import * as i2 from "@angular/common";
+import * as i3 from "@skyux/theme";
+import * as i4 from "@skyux/i18n";
+export class SkyPagingComponent {
+    constructor() {
+        /**
+         * Specifies the page number of the current page. Page numbers start at 1 and increment.
+         */
+        this.currentPage = 1;
+        /**
+         * Specifies the total number of items across all pages.
+         */
+        this.itemCount = 0;
+        /**
+         * Specifies the maximum number of pages to display in the pagination control.
+         */
+        this.maxPages = 5;
+        /**
+         * Specifies the number of items to display per page.
+         */
+        this.pageSize = 10;
+        /**
+         * Fires when the current page changes and emits the new current page.
+         */
+        this.currentPageChange = new EventEmitter();
+        this.displayedPages = [];
+        this.pageCount = 0;
+    }
+    ngOnChanges(changes) {
+        this.setPage(this.currentPage);
+    }
+    setPage(pageNumber) {
+        let previousPage = this.currentPage;
+        this.setPageCount();
+        if (pageNumber < 1 || this.pageCount < 1) {
+            this.currentPage = 1;
+        }
+        else if (pageNumber > this.pageCount) {
+            this.currentPage = this.pageCount;
+        }
+        else {
+            this.currentPage = pageNumber;
+        }
+        this.setDisplayedPages();
+        if (previousPage !== this.currentPage) {
+            this.currentPageChange.emit(this.currentPage);
+        }
+    }
+    nextPage() {
+        this.setPage(this.currentPage + 1);
+    }
+    previousPage() {
+        this.setPage(this.currentPage - 1);
+    }
+    get isPreviousButtonDisabled() {
+        return this.currentPage === 1;
+    }
+    get isNextButtonDisabled() {
+        return this.currentPage === this.pageCount;
+    }
+    getDisplayedPageNumbers(pageCount, maxDisplayedPages, pageNumber) {
+        let pageIndex = pageNumber - 1;
+        let pageBounds = Math.floor(maxDisplayedPages / 2);
+        let upperBound = pageIndex + pageBounds;
+        let lowerBound = pageIndex - pageBounds;
+        if (maxDisplayedPages % 2 !== 0) {
+            upperBound += 1;
+        }
+        // Wrap negative values to increase the upperbound
+        if (lowerBound < 0) {
+            upperBound -= lowerBound;
+            lowerBound = 0;
+        }
+        // Wrap overflow to decrease the lowerbound
+        if (upperBound > pageCount) {
+            lowerBound -= upperBound - pageCount;
+            upperBound = pageCount;
+        }
+        // If both are the same ignore everything else and just display it all
+        if (pageCount < maxDisplayedPages) {
+            lowerBound = 0;
+            upperBound = pageCount;
+        }
+        let displayedPageNumbers = [];
+        for (let i = lowerBound; i < upperBound; i++) {
+            displayedPageNumbers.push(i + 1);
+        }
+        return displayedPageNumbers;
+    }
+    setPageCount() {
+        if (this.itemCount === 0 || this.pageSize === 0) {
+            this.pageCount = 0;
+            return;
+        }
+        this.pageCount = Math.ceil(this.itemCount / this.pageSize);
+    }
+    setDisplayedPages() {
+        this.displayedPages = this.getDisplayedPageNumbers(this.pageCount, this.maxPages, this.currentPage);
+    }
+}
+SkyPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPagingComponent, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange" }, usesOnChanges: true, ngImport: i0, template: "<nav\n  *ngIf=\"pageCount > 1\"\n  class=\"sky-paging\"\n  [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n>\n  <ul>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-previous sky-box\n        \"\n        sky-cmp-id=\"previous\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n        [disabled]=\"isPreviousButtonDisabled\"\n        (click)=\"previousPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-left\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-left\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of displayedPages\" class=\"sky-list-paging-link\">\n      <button\n        class=\"sky-btn sky-btn-default sky-paging-btn sky-box\"\n        type=\"button\"\n        [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n        [attr.sky-cmp-id]=\"pageNumber\"\n        [disabled]=\"currentPage === pageNumber\"\n        [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n        (click)=\"setPage(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </li>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-next sky-box\n        \"\n        sky-cmp-id=\"next\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n        [disabled]=\"isNextButtonDisabled\"\n        (click)=\"nextPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-right\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-right\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n", styles: [":host{display:block}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled]{background-color:#eeeeef;cursor:default;color:inherit;opacity:1}.sky-paging-btn:hover{background-color:#d4d4d6}.sky-paging-btn:disabled{color:#686c73;cursor:not-allowed;pointer-events:none}.sky-paging-btn.sky-paging-btn-previous,.sky-paging-btn.sky-paging-btn-next{padding-left:8.5px;padding-right:8.5px}:host-context(.sky-theme-modern) .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}:host-context(.sky-theme-modern) .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}:host-context(.sky-theme-modern) .sky-paging-btn:active,:host-context(.sky-theme-modern) .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}:host-context(.sky-theme-modern) .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}.sky-theme-modern .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}.sky-theme-modern .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}.sky-theme-modern .sky-paging-btn:active,.sky-theme-modern .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}.sky-theme-modern .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}.sky-theme-modern .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:active,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:focus{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-current{background-color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:active,.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:focus{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-paging-current{background-color:#1870b8}\n"], components: [{ type: i1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-paging',
+                    templateUrl: './paging.component.html',
+                    styleUrls: ['./paging.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { currentPage: [{
+                type: Input
+            }], itemCount: [{
+                type: Input
+            }], maxPages: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pagingLabel: [{
+                type: Input
+            }], currentPageChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=paging.component.js.map

package/esm2015/lib/modules/paging/paging.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paging.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/paging/paging.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/paging/paging.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\n\n@Component({\n  selector: 'sky-paging',\n  templateUrl: './paging.component.html',\n  styleUrls: ['./paging.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyPagingComponent implements OnChanges {\n  /**\n   * Specifies the page number of the current page. Page numbers start at 1 and increment.\n   */\n  @Input()\n  public currentPage: number = 1;\n\n  /**\n   * Specifies the total number of items across all pages.\n   */\n  @Input()\n  public itemCount: number = 0;\n\n  /**\n   * Specifies the maximum number of pages to display in the pagination control.\n   */\n  @Input()\n  public maxPages: number = 5;\n\n  /**\n   * Specifies the number of items to display per page.\n   */\n  @Input()\n  public pageSize: number = 10;\n\n  /**\n   * Specifies a label for the pagination control when an application includes\n   * multiple paging components on the same page. The label should be unique and descriptive\n   * to help users of assistive technology differentiate pagination controls\n   * and understand what each one does.\n   * @default \"Pagination\"\n   */\n  @Input()\n  public pagingLabel: string;\n\n  /**\n   * Fires when the current page changes and emits the new current page.\n   */\n  @Output()\n  public currentPageChange: EventEmitter<number> = new EventEmitter<number>();\n\n  public displayedPages: Array<number> = [];\n\n  public pageCount: number = 0;\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    this.setPage(this.currentPage);\n  }\n\n  public setPage(pageNumber: number): void {\n    let previousPage = this.currentPage;\n\n    this.setPageCount();\n\n    if (pageNumber < 1 || this.pageCount < 1) {\n      this.currentPage = 1;\n    } else if (pageNumber > this.pageCount) {\n      this.currentPage = this.pageCount;\n    } else {\n      this.currentPage = pageNumber;\n    }\n\n    this.setDisplayedPages();\n\n    if (previousPage !== this.currentPage) {\n      this.currentPageChange.emit(this.currentPage);\n    }\n  }\n\n  public nextPage(): void {\n    this.setPage(this.currentPage + 1);\n  }\n\n  public previousPage(): void {\n    this.setPage(this.currentPage - 1);\n  }\n\n  public get isPreviousButtonDisabled(): boolean {\n    return this.currentPage === 1;\n  }\n\n  public get isNextButtonDisabled(): boolean {\n    return this.currentPage === this.pageCount;\n  }\n\n  private getDisplayedPageNumbers(\n    pageCount: number,\n    maxDisplayedPages: number,\n    pageNumber: number\n  ): Array<number> {\n    let pageIndex = pageNumber - 1;\n    let pageBounds = Math.floor(maxDisplayedPages / 2);\n\n    let upperBound = pageIndex + pageBounds;\n    let lowerBound = pageIndex - pageBounds;\n    if (maxDisplayedPages % 2 !== 0) {\n      upperBound += 1;\n    }\n\n    // Wrap negative values to increase the upperbound\n    if (lowerBound < 0) {\n      upperBound -= lowerBound;\n      lowerBound = 0;\n    }\n    // Wrap overflow to decrease the lowerbound\n    if (upperBound > pageCount) {\n      lowerBound -= upperBound - pageCount;\n      upperBound = pageCount;\n    }\n\n    // If both are the same ignore everything else and just display it all\n    if (pageCount < maxDisplayedPages) {\n      lowerBound = 0;\n      upperBound = pageCount;\n    }\n\n    let displayedPageNumbers: Array<number> = [];\n    for (let i = lowerBound; i < upperBound; i++) {\n      displayedPageNumbers.push(i + 1);\n    }\n    return displayedPageNumbers;\n  }\n\n  private setPageCount(): void {\n    if (this.itemCount === 0 || this.pageSize === 0) {\n      this.pageCount = 0;\n      return;\n    }\n\n    this.pageCount = Math.ceil(this.itemCount / this.pageSize);\n  }\n\n  private setDisplayedPages(): void {\n    this.displayedPages = this.getDisplayedPageNumbers(\n      this.pageCount,\n      this.maxPages,\n      this.currentPage\n    );\n  }\n}\n","<nav\n  *ngIf=\"pageCount > 1\"\n  class=\"sky-paging\"\n  [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n>\n  <ul>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-previous sky-box\n        \"\n        sky-cmp-id=\"previous\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n        [disabled]=\"isPreviousButtonDisabled\"\n        (click)=\"previousPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-left\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-left\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of displayedPages\" class=\"sky-list-paging-link\">\n      <button\n        class=\"sky-btn sky-btn-default sky-paging-btn sky-box\"\n        type=\"button\"\n        [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n        [attr.sky-cmp-id]=\"pageNumber\"\n        [disabled]=\"currentPage === pageNumber\"\n        [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n        (click)=\"setPage(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </li>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-next sky-box\n        \"\n        sky-cmp-id=\"next\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n        [disabled]=\"isNextButtonDisabled\"\n        (click)=\"nextPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-right\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-right\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n"]}

package/esm2015/lib/modules/paging/paging.module.js

@@ -0,0 +1,34 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SkyIconModule } from '@skyux/indicators';
+import { SkyThemeModule } from '@skyux/theme';
+import { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';
+import { SkyPagingComponent } from './paging.component';
+import * as i0 from "@angular/core";
+export class SkyPagingModule {
+}
+SkyPagingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyPagingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingModule, declarations: [SkyPagingComponent], imports: [CommonModule,
+        SkyIconModule,
+        SkyListsResourcesModule,
+        SkyThemeModule], exports: [SkyPagingComponent] });
+SkyPagingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingModule, imports: [[
+            CommonModule,
+            SkyIconModule,
+            SkyListsResourcesModule,
+            SkyThemeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyPagingComponent],
+                    imports: [
+                        CommonModule,
+                        SkyIconModule,
+                        SkyListsResourcesModule,
+                        SkyThemeModule,
+                    ],
+                    exports: [SkyPagingComponent],
+                }]
+        }] });
+//# sourceMappingURL=paging.module.js.map

package/esm2015/lib/modules/paging/paging.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paging.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/paging/paging.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;AAYxD,MAAM,OAAO,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBATX,kBAAkB,aAE/B,YAAY;QACZ,aAAa;QACb,uBAAuB;QACvB,cAAc,aAEN,kBAAkB;8GAEjB,eAAe,YARjB;YACP,YAAY;YACZ,aAAa;YACb,uBAAuB;YACvB,cAAc;SACf;4FAGU,eAAe;kBAV3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,uBAAuB;wBACvB,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAC9B","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';\n\nimport { SkyPagingComponent } from './paging.component';\n\n@NgModule({\n  declarations: [SkyPagingComponent],\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyListsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyPagingComponent],\n})\nexport class SkyPagingModule {}\n"]}

package/esm2015/lib/modules/repeater/repeater-adapter.service.js

@@ -0,0 +1,69 @@
+import { ElementRef, Injectable } from '@angular/core';
+import { SkyRepeaterService } from './repeater.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./repeater.service";
+/**
+ * @internal
+ */
+export class SkyRepeaterAdapterService {
+    constructor(repeaterService) {
+        this.repeaterService = repeaterService;
+    }
+    get repeaterItemGroupSelector() {
+        return '.sky-repeater-item-group-' + this.repeaterService.repeaterGroupId;
+    }
+    focusElement(element) {
+        if (element instanceof ElementRef) {
+            element.nativeElement.focus();
+        }
+        else {
+            element.focus();
+        }
+    }
+    setRepeaterHost(hostRef) {
+        this.host = hostRef;
+    }
+    getRepeaterItemIndex(element) {
+        return this.getRepeaterItemArray().indexOf(element);
+    }
+    moveItemUp(element, top = false, steps = 1) {
+        const index = this.getRepeaterItemIndex(element);
+        if (index === 0) {
+            return;
+        }
+        let newIndex = index - steps;
+        if (top || newIndex < 0) {
+            newIndex = 0;
+        }
+        return this.moveItem(element, index, newIndex);
+    }
+    moveItemDown(element, steps = 1) {
+        const itemArray = this.getRepeaterItemArray();
+        const index = this.getRepeaterItemIndex(element);
+        if (index === itemArray.length - steps) {
+            return;
+        }
+        let newIndex = index + steps;
+        return this.moveItem(element, index, newIndex);
+    }
+    moveItem(element, oldIndex, newIndex) {
+        const repeaterDiv = this.host.nativeElement.querySelector('.sky-repeater');
+        repeaterDiv.removeChild(element);
+        const nextSibling = repeaterDiv.querySelectorAll(this.repeaterItemGroupSelector)[newIndex];
+        repeaterDiv.insertBefore(element, nextSibling);
+        this.repeaterService.reorderItem(oldIndex, newIndex);
+        return newIndex;
+    }
+    /**
+     * Returns an array of the immediate repeater item descendants. Excludes nested repeater items.
+     */
+    getRepeaterItemArray() {
+        return Array.from(this.host.nativeElement.querySelectorAll(this.repeaterItemGroupSelector));
+    }
+}
+SkyRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterAdapterService, deps: [{ token: i1.SkyRepeaterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.SkyRepeaterService }]; } });
+//# sourceMappingURL=repeater-adapter.service.js.map

package/esm2015/lib/modules/repeater/repeater-adapter.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeater-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;;AAExD;;GAEG;AAEH,MAAM,OAAO,yBAAyB;IAOpC,YAAoB,eAAmC;QAAnC,oBAAe,GAAf,eAAe,CAAoB;IAAG,CAAC;IAN3D,IAAY,yBAAyB;QACnC,OAAO,2BAA2B,GAAG,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;IAC5E,CAAC;IAMM,YAAY,CAAC,OAAiC;QACnD,IAAI,OAAO,YAAY,UAAU,EAAE;YACjC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SAC/B;aAAM;YACL,OAAO,CAAC,KAAK,EAAE,CAAC;SACjB;IACH,CAAC;IAEM,eAAe,CAAC,OAAmB;QACxC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,CAAC;IAEM,oBAAoB,CAAC,OAAoB;QAC9C,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC;IAEM,UAAU,CAAC,OAAoB,EAAE,GAAG,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;QAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEjD,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,OAAO;SACR;QAED,IAAI,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;QAE7B,IAAI,GAAG,IAAI,QAAQ,GAAG,CAAC,EAAE;YACvB,QAAQ,GAAG,CAAC,CAAC;SACd;QAED,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAEM,YAAY,CAAC,OAAoB,EAAE,KAAK,GAAG,CAAC;QACjD,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEjD,IAAI,KAAK,KAAK,SAAS,CAAC,MAAM,GAAG,KAAK,EAAE;YACtC,OAAO;SACR;QAED,IAAI,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;QAE7B,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAEO,QAAQ,CACd,OAAoB,EACpB,QAAgB,EAChB,QAAgB;QAEhB,MAAM,WAAW,GACf,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAEzD,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,WAAW,GAAG,WAAW,CAAC,gBAAgB,CAC9C,IAAI,CAAC,yBAAyB,CAC/B,CAAC,QAAQ,CAAC,CAAC;QAEZ,WAAW,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAErD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,OAAO,KAAK,CAAC,IAAI,CACf,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,CAAC,CACzE,CAAC;IACJ,CAAC;;uHAhFU,yBAAyB;2HAAzB,yBAAyB;4FAAzB,yBAAyB;kBADrC,UAAU","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\nimport { SkyRepeaterService } from './repeater.service';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyRepeaterAdapterService {\n  private get repeaterItemGroupSelector(): string {\n    return '.sky-repeater-item-group-' + this.repeaterService.repeaterGroupId;\n  }\n\n  private host: ElementRef;\n\n  constructor(private repeaterService: SkyRepeaterService) {}\n\n  public focusElement(element: ElementRef | HTMLElement): void {\n    if (element instanceof ElementRef) {\n      element.nativeElement.focus();\n    } else {\n      element.focus();\n    }\n  }\n\n  public setRepeaterHost(hostRef: ElementRef): void {\n    this.host = hostRef;\n  }\n\n  public getRepeaterItemIndex(element: HTMLElement): number {\n    return this.getRepeaterItemArray().indexOf(element);\n  }\n\n  public moveItemUp(element: HTMLElement, top = false, steps = 1): number {\n    const index = this.getRepeaterItemIndex(element);\n\n    if (index === 0) {\n      return;\n    }\n\n    let newIndex = index - steps;\n\n    if (top || newIndex < 0) {\n      newIndex = 0;\n    }\n\n    return this.moveItem(element, index, newIndex);\n  }\n\n  public moveItemDown(element: HTMLElement, steps = 1): number {\n    const itemArray = this.getRepeaterItemArray();\n    const index = this.getRepeaterItemIndex(element);\n\n    if (index === itemArray.length - steps) {\n      return;\n    }\n\n    let newIndex = index + steps;\n\n    return this.moveItem(element, index, newIndex);\n  }\n\n  private moveItem(\n    element: HTMLElement,\n    oldIndex: number,\n    newIndex: number\n  ): number {\n    const repeaterDiv: HTMLElement =\n      this.host.nativeElement.querySelector('.sky-repeater');\n\n    repeaterDiv.removeChild(element);\n    const nextSibling = repeaterDiv.querySelectorAll(\n      this.repeaterItemGroupSelector\n    )[newIndex];\n\n    repeaterDiv.insertBefore(element, nextSibling);\n    this.repeaterService.reorderItem(oldIndex, newIndex);\n\n    return newIndex;\n  }\n\n  /**\n   * Returns an array of the immediate repeater item descendants. Excludes nested repeater items.\n   */\n  private getRepeaterItemArray() {\n    return Array.from(\n      this.host.nativeElement.querySelectorAll(this.repeaterItemGroupSelector)\n    );\n  }\n}\n"]}

package/esm2015/lib/modules/repeater/repeater-item-content.component.js

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Displays content text when the repeater is expanded.
+ */
+export class SkyRepeaterItemContentComponent {
+}
+SkyRepeaterItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyRepeaterItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContentComponent, selector: "sky-repeater-item-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-repeater-item-content',
+                    templateUrl: './repeater-item-content.component.html',
+                }]
+        }] });
+//# sourceMappingURL=repeater-item-content.component.js.map

package/esm2015/lib/modules/repeater/repeater-item-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeater-item-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-item-content.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-item-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,iECT5C,6BACA;4FDQa,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;iBACtD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays content text when the repeater is expanded.\n */\n@Component({\n  selector: 'sky-repeater-item-content',\n  templateUrl: './repeater-item-content.component.html',\n})\nexport class SkyRepeaterItemContentComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/repeater/repeater-item-context-menu.component.js

@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Wraps and styles a
+ * [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).
+ */
+/* istanbul ignore next */
+/* Code coverage having problems with no statements in classes */
+export class SkyRepeaterItemContextMenuComponent {
+}
+SkyRepeaterItemContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyRepeaterItemContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContextMenuComponent, selector: "sky-repeater-item-context-menu", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-repeater-item-context-menu',
+                    templateUrl: './repeater-item-context-menu.component.html',
+                }]
+        }] });
+//# sourceMappingURL=repeater-item-context-menu.component.js.map

package/esm2015/lib/modules/repeater/repeater-item-context-menu.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeater-item-context-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-item-context-menu.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-item-context-menu.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;GAGG;AAKH,0BAA0B;AAC1B,iEAAiE;AACjE,MAAM,OAAO,mCAAmC;;iIAAnC,mCAAmC;qHAAnC,mCAAmC,sECZhD,6BACA;4FDWa,mCAAmC;kBAN/C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,WAAW,EAAE,6CAA6C;iBAC3D","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Wraps and styles a\n * [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).\n */\n@Component({\n  selector: 'sky-repeater-item-context-menu',\n  templateUrl: './repeater-item-context-menu.component.html',\n})\n/* istanbul ignore next */\n/* Code coverage having problems with no statements in classes */\nexport class SkyRepeaterItemContextMenuComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/repeater/repeater-item-title.component.js

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Displays a header inside the repeater item.
+ */
+export class SkyRepeaterItemTitleComponent {
+}
+SkyRepeaterItemTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyRepeaterItemTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemTitleComponent, selector: "sky-repeater-item-title", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-repeater-item-title',
+                    templateUrl: './repeater-item-title.component.html',
+                }]
+        }] });
+//# sourceMappingURL=repeater-item-title.component.js.map

package/esm2015/lib/modules/repeater/repeater-item-title.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeater-item-title.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-item-title.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater-item-title.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,6BAA6B;;2HAA7B,6BAA6B;+GAA7B,6BAA6B,+DCT1C,6BACA;4FDQa,6BAA6B;kBAJzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,WAAW,EAAE,sCAAsC;iBACpD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays a header inside the repeater item.\n */\n@Component({\n  selector: 'sky-repeater-item-title',\n  templateUrl: './repeater-item-title.component.html',\n})\nexport class SkyRepeaterItemTitleComponent {}\n","<ng-content></ng-content>\n"]}