@skyux/lists 5.1.0 → 5.5.0

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

@@ -0,0 +1,262 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, Output, QueryList, Renderer2, } from '@angular/core';
+import { DragulaService } from 'ng2-dragula';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SkyRepeaterItemComponent } from './repeater-item.component';
+import { SkyRepeaterService } from './repeater.service';
+import { SkyRepeaterAdapterService } from './repeater-adapter.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./repeater.service";
+import * as i2 from "./repeater-adapter.service";
+import * as i3 from "ng2-dragula";
+import * as i4 from "@skyux/i18n";
+let uniqueId = 0;
+/**
+ * Creates a container to display repeater items.
+ */
+export class SkyRepeaterComponent {
+    constructor(changeDetector, repeaterService, adapterService, dragulaService, elementRef, renderer) {
+        this.changeDetector = changeDetector;
+        this.repeaterService = repeaterService;
+        this.adapterService = adapterService;
+        this.dragulaService = dragulaService;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        /**
+         * 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.
+         */
+        this.reorderable = false;
+        /**
+         * Fires when the active repeater item changes.
+         */
+        this.activeIndexChange = new EventEmitter();
+        /**
+         * Fires when users change the order of repeater items.
+         * This event emits an ordered array of the `tag` properties that the consumer provides for each repeater item.
+         */
+        this.orderChange = new EventEmitter();
+        this.dragulaUnsubscribe = new Subject();
+        this.ngUnsubscribe = new Subject();
+        this._expandMode = 'none';
+        this.dragulaGroupName = `sky-repeater-dragula-${++uniqueId}`;
+        this.repeaterService.itemCollapseStateChange
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((item) => {
+            if (this.expandMode === 'single' && item.isExpanded) {
+                this.items.forEach((otherItem) => {
+                    if (otherItem !== item &&
+                        otherItem.isExpanded &&
+                        otherItem.isCollapsible) {
+                        otherItem.isExpanded = false;
+                    }
+                });
+            }
+        });
+        this.repeaterService.activeItemIndexChange
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((index) => {
+            if (index !== this.activeIndex) {
+                this.activeIndex = index;
+                this.activeIndexChange.emit(index);
+            }
+        });
+        this.repeaterService.orderChange
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.emitTags();
+        });
+        this.repeaterService.repeaterGroupId = uniqueId;
+        this.updateForExpandMode();
+        this.adapterService.setRepeaterHost(this.elementRef);
+        this.initializeDragAndDrop();
+    }
+    /**
+     * 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.
+     * The valid options are `multiple`, `none`, and `single`.
+     * - `multiple` loads repeater items in an expanded state unless `isExpanded` is set to
+     * `false` for a repeater item. This layout allows users to expand and collapse
+     * as many repeater items as necessary. It is best-suited to repeater items where body
+     * content is important but users don't always need to see it.
+     * - `none` loads all repeater items in an expanded state and does not allow users to
+     * collapse them. This default layout provides the quickest access to the details in the
+     * repeater items. It is best-suited to repeater items with concise content
+     * that users need to view frequently.
+     * - `single` loads one repeater item in an expanded state and collapses all others.
+     * The expanded repeater item is the first one where `isExpanded` is set to `true`. This layout
+     * allows users to expand one item at a time. It provides the most compact view and is
+     * best-suited to repeater items where the most important information is in the titles
+     * and users only occasionally need to view the body content.
+     * @default "none"
+     */
+    set expandMode(value) {
+        this.repeaterService.expandMode = value;
+        this._expandMode = value;
+        this.updateForExpandMode();
+    }
+    get expandMode() {
+        return this._expandMode || 'none';
+    }
+    ngAfterContentInit() {
+        // If activeIndex has been set on init, call service to activate the appropriate item.
+        setTimeout(() => {
+            if (this.activeIndex || this.activeIndex === 0) {
+                this.repeaterService.activateItemByIndex(this.activeIndex);
+            }
+            if (this.reorderable && !this.everyItemHasTag()) {
+                console.warn('Please supply tag properties for each repeater item when reordering functionality is enabled.');
+            }
+        });
+        // HACK: Not updating for expand mode in a timeout causes an error.
+        // https://github.com/angular/angular/issues/6005
+        this.items.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            setTimeout(() => {
+                if (!!this.items.last) {
+                    this.updateForExpandMode(this.items.last);
+                    this.items.last.reorderable = this.reorderable;
+                }
+                if (this.activeIndex !== undefined) {
+                    this.repeaterService.activateItemByIndex(this.activeIndex);
+                }
+            });
+        });
+        setTimeout(() => {
+            this.updateForExpandMode();
+            this.items.forEach((item) => {
+                item.reorderable = this.reorderable;
+            });
+        }, 0);
+    }
+    ngOnChanges(changes) {
+        if (changes['activeIndex']) {
+            this.repeaterService.enableActiveState = true;
+            if (changes['activeIndex'].currentValue !==
+                changes['activeIndex'].previousValue) {
+                this.repeaterService.activateItemByIndex(this.activeIndex);
+            }
+        }
+        if (changes.reorderable) {
+            if (this.items) {
+                this.items.forEach((item) => (item.reorderable = this.reorderable));
+            }
+            this.changeDetector.markForCheck();
+        }
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        this.destroyDragAndDrop();
+    }
+    updateForExpandMode(itemAdded) {
+        if (this.items) {
+            let foundExpanded = false;
+            let isCollapsible = this.expandMode !== 'none';
+            let isSingle = this.expandMode === 'single';
+            // Keep any newly-added expanded item expanded and collapse the rest.
+            if (itemAdded && itemAdded.isExpanded) {
+                foundExpanded = true;
+            }
+            this.items.forEach((item) => {
+                item.isCollapsible = isCollapsible && !!item.hasItemContent;
+                if (item !== itemAdded && isSingle && item.isExpanded) {
+                    if (foundExpanded) {
+                        item.updateForExpanded(false, false);
+                    }
+                    foundExpanded = true;
+                }
+            });
+        }
+    }
+    initializeDragAndDrop() {
+        /* Sanity check that we haven't already set up dragging abilities */
+        /* istanbul ignore else */
+        if (!this.dragulaService.find(this.dragulaGroupName)) {
+            this.dragulaService.setOptions(this.dragulaGroupName, {
+                moves: (el, container, handle) => {
+                    const target = el.querySelector('.sky-repeater-item-grab-handle');
+                    return this.reorderable && target && target.contains(handle);
+                },
+            });
+        }
+        let draggedItemIndex;
+        this.dragulaService.drag
+            .pipe(takeUntil(this.dragulaUnsubscribe))
+            .subscribe(([groupName, subject]) => {
+            /* istanbul ignore else */
+            if (groupName === this.dragulaGroupName) {
+                this.renderer.addClass(subject, 'sky-repeater-item-dragging');
+                draggedItemIndex = this.adapterService.getRepeaterItemIndex(subject);
+            }
+        });
+        this.dragulaService.dragend
+            .pipe(takeUntil(this.dragulaUnsubscribe))
+            .subscribe(([groupName, subject]) => {
+            /* istanbul ignore else */
+            if (groupName === this.dragulaGroupName) {
+                this.renderer.removeClass(subject, 'sky-repeater-item-dragging');
+                let newItemIndex = this.adapterService.getRepeaterItemIndex(subject);
+                /* sanity check */
+                /* istanbul ignore else */
+                if (draggedItemIndex >= 0) {
+                    this.repeaterService.reorderItem(draggedItemIndex, newItemIndex);
+                    draggedItemIndex = undefined;
+                }
+                this.emitTags();
+            }
+        });
+    }
+    destroyDragAndDrop() {
+        this.dragulaUnsubscribe.next();
+        this.dragulaUnsubscribe.complete();
+        this.dragulaUnsubscribe = undefined;
+        /* Sanity check that we have set up dragging abilities */
+        /* istanbul ignore else */
+        if (this.dragulaService.find(this.dragulaGroupName)) {
+            this.dragulaService.destroy(this.dragulaGroupName);
+        }
+    }
+    emitTags() {
+        const tags = this.repeaterService.items.map((item) => item.tag);
+        this.orderChange.emit(tags);
+    }
+    everyItemHasTag() {
+        /* sanity check */
+        /* istanbul ignore if */
+        if (!this.items || this.items.length === 0) {
+            return false;
+        }
+        return this.items.toArray().every((item) => {
+            return item.tag !== undefined;
+        });
+    }
+}
+SkyRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyRepeaterService }, { token: i2.SkyRepeaterAdapterService }, { token: i3.DragulaService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SkyRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterComponent, selector: "sky-repeater", inputs: { activeIndex: "activeIndex", ariaLabel: "ariaLabel", reorderable: "reorderable", expandMode: "expandMode" }, outputs: { activeIndexChange: "activeIndexChange", orderChange: "orderChange" }, providers: [SkyRepeaterService, SkyRepeaterAdapterService], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-container #repeaterHost>\n  <div\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n    [dragula]=\"dragulaGroupName\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], directives: [{ type: i3.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-repeater',
+                    styleUrls: ['./repeater.component.scss'],
+                    templateUrl: './repeater.component.html',
+                    providers: [SkyRepeaterService, SkyRepeaterAdapterService],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyRepeaterService }, { type: i2.SkyRepeaterAdapterService }, { type: i3.DragulaService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { activeIndex: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], reorderable: [{
+                type: Input
+            }], expandMode: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], orderChange: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [SkyRepeaterItemComponent]
+            }] } });
+//# sourceMappingURL=repeater.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"repeater.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  QueryList,\n  Renderer2,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { DragulaService } from 'ng2-dragula';\n\nimport { Subject } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyRepeaterItemComponent } from './repeater-item.component';\n\nimport { SkyRepeaterService } from './repeater.service';\n\nimport { SkyRepeaterAdapterService } from './repeater-adapter.service';\n\nlet uniqueId = 0;\n\n/**\n * Creates a container to display repeater items.\n */\n@Component({\n  selector: 'sky-repeater',\n  styleUrls: ['./repeater.component.scss'],\n  templateUrl: './repeater.component.html',\n  providers: [SkyRepeaterService, SkyRepeaterAdapterService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyRepeaterComponent\n  implements AfterContentInit, OnChanges, OnDestroy\n{\n  /**\n   * Specifies the index of the repeater item to visually highlight as active.\n   * For example, use this property in conjunction with the\n   * [split view component](https://developer.blackbaud.com/skyux/components/split-view)\n   * to highlight a repeater item while users edit it. Only one item can be active at a time.\n   */\n  @Input()\n  public activeIndex: number;\n\n  /**\n   * Specifies an ARIA label for the repeater list.\n   * This sets the repeater list's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * @default \"List of items\"\n   */\n  @Input()\n  public ariaLabel: string;\n\n  /**\n   * Indicates whether users can change the order of items in the repeater list.\n   * Each repeater item also has `reorderable` property to indicate whether\n   * users can change its order.\n   */\n  @Input()\n  public reorderable: boolean = false;\n\n  /**\n   * Specifies a layout to determine which repeater items are expanded by default and whether\n   * repeater items are expandable and collapsible. Collapsed items display titles only.\n   * The valid options are `multiple`, `none`, and `single`.\n   * - `multiple` loads repeater items in an expanded state unless `isExpanded` is set to\n   * `false` for a repeater item. This layout allows users to expand and collapse\n   * as many repeater items as necessary. It is best-suited to repeater items where body\n   * content is important but users don't always need to see it.\n   * - `none` loads all repeater items in an expanded state and does not allow users to\n   * collapse them. This default layout provides the quickest access to the details in the\n   * repeater items. It is best-suited to repeater items with concise content\n   * that users need to view frequently.\n   * - `single` loads one repeater item in an expanded state and collapses all others.\n   * The expanded repeater item is the first one where `isExpanded` is set to `true`. This layout\n   * allows users to expand one item at a time. It provides the most compact view and is\n   * best-suited to repeater items where the most important information is in the titles\n   * and users only occasionally need to view the body content.\n   * @default \"none\"\n   */\n  @Input()\n  public set expandMode(value: string) {\n    this.repeaterService.expandMode = value;\n    this._expandMode = value;\n    this.updateForExpandMode();\n  }\n\n  public get expandMode(): string {\n    return this._expandMode || 'none';\n  }\n\n  /**\n   * Fires when the active repeater item changes.\n   */\n  @Output()\n  public activeIndexChange = new EventEmitter<number>();\n\n  /**\n   * Fires when users change the order of repeater items.\n   * This event emits an ordered array of the `tag` properties that the consumer provides for each repeater item.\n   */\n  @Output()\n  public orderChange = new EventEmitter<any[]>();\n\n  @ContentChildren(SkyRepeaterItemComponent)\n  public items: QueryList<SkyRepeaterItemComponent>;\n\n  public dragulaGroupName: string;\n\n  private dragulaUnsubscribe = new Subject<void>();\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _expandMode = 'none';\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private repeaterService: SkyRepeaterService,\n    private adapterService: SkyRepeaterAdapterService,\n    private dragulaService: DragulaService,\n    private elementRef: ElementRef,\n    private renderer: Renderer2\n  ) {\n    this.dragulaGroupName = `sky-repeater-dragula-${++uniqueId}`;\n\n    this.repeaterService.itemCollapseStateChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((item: SkyRepeaterItemComponent) => {\n        if (this.expandMode === 'single' && item.isExpanded) {\n          this.items.forEach((otherItem) => {\n            if (\n              otherItem !== item &&\n              otherItem.isExpanded &&\n              otherItem.isCollapsible\n            ) {\n              otherItem.isExpanded = false;\n            }\n          });\n        }\n      });\n\n    this.repeaterService.activeItemIndexChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((index: number) => {\n        if (index !== this.activeIndex) {\n          this.activeIndex = index;\n          this.activeIndexChange.emit(index);\n        }\n      });\n\n    this.repeaterService.orderChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.emitTags();\n      });\n\n    this.repeaterService.repeaterGroupId = uniqueId;\n\n    this.updateForExpandMode();\n\n    this.adapterService.setRepeaterHost(this.elementRef);\n\n    this.initializeDragAndDrop();\n  }\n\n  public ngAfterContentInit(): void {\n    // If activeIndex has been set on init, call service to activate the appropriate item.\n    setTimeout(() => {\n      if (this.activeIndex || this.activeIndex === 0) {\n        this.repeaterService.activateItemByIndex(this.activeIndex);\n      }\n\n      if (this.reorderable && !this.everyItemHasTag()) {\n        console.warn(\n          'Please supply tag properties for each repeater item when reordering functionality is enabled.'\n        );\n      }\n    });\n\n    // HACK: Not updating for expand mode in a timeout causes an error.\n    // https://github.com/angular/angular/issues/6005\n    this.items.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      setTimeout(() => {\n        if (!!this.items.last) {\n          this.updateForExpandMode(this.items.last);\n          this.items.last.reorderable = this.reorderable;\n        }\n\n        if (this.activeIndex !== undefined) {\n          this.repeaterService.activateItemByIndex(this.activeIndex);\n        }\n      });\n    });\n\n    setTimeout(() => {\n      this.updateForExpandMode();\n\n      this.items.forEach((item) => {\n        item.reorderable = this.reorderable;\n      });\n    }, 0);\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes['activeIndex']) {\n      this.repeaterService.enableActiveState = true;\n      if (\n        changes['activeIndex'].currentValue !==\n        changes['activeIndex'].previousValue\n      ) {\n        this.repeaterService.activateItemByIndex(this.activeIndex);\n      }\n    }\n\n    if (changes.reorderable) {\n      if (this.items) {\n        this.items.forEach((item) => (item.reorderable = this.reorderable));\n      }\n\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.destroyDragAndDrop();\n  }\n\n  private updateForExpandMode(itemAdded?: SkyRepeaterItemComponent): void {\n    if (this.items) {\n      let foundExpanded = false;\n      let isCollapsible = this.expandMode !== 'none';\n      let isSingle = this.expandMode === 'single';\n\n      // Keep any newly-added expanded item expanded and collapse the rest.\n      if (itemAdded && itemAdded.isExpanded) {\n        foundExpanded = true;\n      }\n\n      this.items.forEach((item) => {\n        item.isCollapsible = isCollapsible && !!item.hasItemContent;\n\n        if (item !== itemAdded && isSingle && item.isExpanded) {\n          if (foundExpanded) {\n            item.updateForExpanded(false, false);\n          }\n\n          foundExpanded = true;\n        }\n      });\n    }\n  }\n\n  private initializeDragAndDrop(): void {\n    /* Sanity check that we haven't already set up dragging abilities */\n    /* istanbul ignore else */\n    if (!this.dragulaService.find(this.dragulaGroupName)) {\n      this.dragulaService.setOptions(this.dragulaGroupName, {\n        moves: (\n          el: HTMLElement,\n          container: HTMLElement,\n          handle: HTMLElement\n        ) => {\n          const target = el.querySelector('.sky-repeater-item-grab-handle');\n          return this.reorderable && target && target.contains(handle);\n        },\n      });\n    }\n\n    let draggedItemIndex: number;\n\n    this.dragulaService.drag\n      .pipe(takeUntil(this.dragulaUnsubscribe))\n      .subscribe(([groupName, subject]: any[]) => {\n        /* istanbul ignore else */\n        if (groupName === this.dragulaGroupName) {\n          this.renderer.addClass(subject, 'sky-repeater-item-dragging');\n          draggedItemIndex = this.adapterService.getRepeaterItemIndex(subject);\n        }\n      });\n\n    this.dragulaService.dragend\n      .pipe(takeUntil(this.dragulaUnsubscribe))\n      .subscribe(([groupName, subject]: any[]) => {\n        /* istanbul ignore else */\n        if (groupName === this.dragulaGroupName) {\n          this.renderer.removeClass(subject, 'sky-repeater-item-dragging');\n          let newItemIndex = this.adapterService.getRepeaterItemIndex(subject);\n\n          /* sanity check */\n          /* istanbul ignore else */\n          if (draggedItemIndex >= 0) {\n            this.repeaterService.reorderItem(draggedItemIndex, newItemIndex);\n            draggedItemIndex = undefined;\n          }\n\n          this.emitTags();\n        }\n      });\n  }\n\n  private destroyDragAndDrop(): void {\n    this.dragulaUnsubscribe.next();\n    this.dragulaUnsubscribe.complete();\n    this.dragulaUnsubscribe = undefined;\n\n    /* Sanity check that we have set up dragging abilities */\n    /* istanbul ignore else */\n    if (this.dragulaService.find(this.dragulaGroupName)) {\n      this.dragulaService.destroy(this.dragulaGroupName);\n    }\n  }\n\n  private emitTags(): void {\n    const tags = this.repeaterService.items.map((item) => item.tag);\n    this.orderChange.emit(tags);\n  }\n\n  private everyItemHasTag(): boolean {\n    /* sanity check */\n    /* istanbul ignore if */\n    if (!this.items || this.items.length === 0) {\n      return false;\n    }\n    return this.items.toArray().every((item) => {\n      return item.tag !== undefined;\n    });\n  }\n}\n","<ng-container #repeaterHost>\n  <div\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n    [dragula]=\"dragulaGroupName\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-container>\n"]}

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

@@ -0,0 +1,69 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SkyCheckboxModule } from '@skyux/forms';
+import { SkyChevronModule, SkyIconModule } from '@skyux/indicators';
+import { SkyInlineFormModule } from '@skyux/inline-form';
+import { DragulaModule } from 'ng2-dragula';
+import { SkyRepeaterComponent } from './repeater.component';
+import { SkyRepeaterItemContentComponent } from './repeater-item-content.component';
+import { SkyRepeaterItemContextMenuComponent } from './repeater-item-context-menu.component';
+import { SkyRepeaterItemComponent } from './repeater-item.component';
+import { SkyRepeaterItemTitleComponent } from './repeater-item-title.component';
+import { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';
+import * as i0 from "@angular/core";
+export class SkyRepeaterModule {
+}
+SkyRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterModule, declarations: [SkyRepeaterComponent,
+        SkyRepeaterItemComponent,
+        SkyRepeaterItemContentComponent,
+        SkyRepeaterItemContextMenuComponent,
+        SkyRepeaterItemTitleComponent], imports: [CommonModule,
+        DragulaModule,
+        SkyChevronModule,
+        SkyCheckboxModule,
+        SkyIconModule,
+        SkyInlineFormModule,
+        SkyListsResourcesModule], exports: [SkyRepeaterComponent,
+        SkyRepeaterItemComponent,
+        SkyRepeaterItemContentComponent,
+        SkyRepeaterItemContextMenuComponent,
+        SkyRepeaterItemTitleComponent] });
+SkyRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterModule, imports: [[
+            CommonModule,
+            DragulaModule,
+            SkyChevronModule,
+            SkyCheckboxModule,
+            SkyIconModule,
+            SkyInlineFormModule,
+            SkyListsResourcesModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyRepeaterComponent,
+                        SkyRepeaterItemComponent,
+                        SkyRepeaterItemContentComponent,
+                        SkyRepeaterItemContextMenuComponent,
+                        SkyRepeaterItemTitleComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DragulaModule,
+                        SkyChevronModule,
+                        SkyCheckboxModule,
+                        SkyIconModule,
+                        SkyInlineFormModule,
+                        SkyListsResourcesModule,
+                    ],
+                    exports: [
+                        SkyRepeaterComponent,
+                        SkyRepeaterItemComponent,
+                        SkyRepeaterItemContentComponent,
+                        SkyRepeaterItemContextMenuComponent,
+                        SkyRepeaterItemTitleComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=repeater.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"repeater.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,mCAAmC,EAAE,MAAM,wCAAwC,CAAC;AAE7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;;AA2B/E,MAAM,OAAO,iBAAiB;;+GAAjB,iBAAiB;gHAAjB,iBAAiB,iBAvB1B,oBAAoB;QACpB,wBAAwB;QACxB,+BAA+B;QAC/B,mCAAmC;QACnC,6BAA6B,aAG7B,YAAY;QACZ,aAAa;QACb,gBAAgB;QAChB,iBAAiB;QACjB,aAAa;QACb,mBAAmB;QACnB,uBAAuB,aAGvB,oBAAoB;QACpB,wBAAwB;QACxB,+BAA+B;QAC/B,mCAAmC;QACnC,6BAA6B;gHAGpB,iBAAiB,YAjBnB;YACP,YAAY;YACZ,aAAa;YACb,gBAAgB;YAChB,iBAAiB;YACjB,aAAa;YACb,mBAAmB;YACnB,uBAAuB;SACxB;4FASU,iBAAiB;kBAzB7B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;wBACpB,wBAAwB;wBACxB,+BAA+B;wBAC/B,mCAAmC;wBACnC,6BAA6B;qBAC9B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,gBAAgB;wBAChB,iBAAiB;wBACjB,aAAa;wBACb,mBAAmB;wBACnB,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACP,oBAAoB;wBACpB,wBAAwB;wBACxB,+BAA+B;wBAC/B,mCAAmC;wBACnC,6BAA6B;qBAC9B;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyChevronModule, SkyIconModule } from '@skyux/indicators';\n\nimport { SkyInlineFormModule } from '@skyux/inline-form';\n\nimport { DragulaModule } from 'ng2-dragula';\n\nimport { SkyRepeaterComponent } from './repeater.component';\n\nimport { SkyRepeaterItemContentComponent } from './repeater-item-content.component';\n\nimport { SkyRepeaterItemContextMenuComponent } from './repeater-item-context-menu.component';\n\nimport { SkyRepeaterItemComponent } from './repeater-item.component';\n\nimport { SkyRepeaterItemTitleComponent } from './repeater-item-title.component';\n\nimport { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';\n\n@NgModule({\n  declarations: [\n    SkyRepeaterComponent,\n    SkyRepeaterItemComponent,\n    SkyRepeaterItemContentComponent,\n    SkyRepeaterItemContextMenuComponent,\n    SkyRepeaterItemTitleComponent,\n  ],\n  imports: [\n    CommonModule,\n    DragulaModule,\n    SkyChevronModule,\n    SkyCheckboxModule,\n    SkyIconModule,\n    SkyInlineFormModule,\n    SkyListsResourcesModule,\n  ],\n  exports: [\n    SkyRepeaterComponent,\n    SkyRepeaterItemComponent,\n    SkyRepeaterItemContentComponent,\n    SkyRepeaterItemContextMenuComponent,\n    SkyRepeaterItemTitleComponent,\n  ],\n})\nexport class SkyRepeaterModule {}\n"]}

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

@@ -0,0 +1,72 @@
+import { EventEmitter, Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyRepeaterService {
+    constructor() {
+        this.activeItemChange = new BehaviorSubject(undefined);
+        this.activeItemIndexChange = new BehaviorSubject(undefined);
+        this.enableActiveState = false;
+        this.itemCollapseStateChange = new EventEmitter();
+        this.items = [];
+        this.orderChange = new BehaviorSubject(undefined);
+    }
+    ngOnDestroy() {
+        this.activeItemChange.complete();
+        this.itemCollapseStateChange.complete();
+        this.orderChange.complete();
+    }
+    activateItem(item) {
+        if (this.enableActiveState) {
+            /* istanbul ignore else */
+            if (item) {
+                const index = this.items.findIndex((i) => i === item);
+                this.activeItemIndexChange.next(index);
+                this.activeItemChange.next(item);
+            }
+        }
+    }
+    activateItemByIndex(index) {
+        /* istanbul ignore else */
+        if (this.enableActiveState) {
+            if (index === undefined) {
+                this.activeItemChange.next(undefined);
+            }
+            else {
+                const activeItem = this.items[index];
+                if (activeItem) {
+                    this.activeItemChange.next(activeItem);
+                }
+            }
+        }
+    }
+    registerItem(item) {
+        this.items.push(item);
+    }
+    unregisterItem(item) {
+        const indexOfDestroyedItem = this.items.indexOf(item);
+        if (indexOfDestroyedItem > -1) {
+            this.items.splice(indexOfDestroyedItem, 1);
+        }
+    }
+    onItemCollapseStateChange(item) {
+        this.itemCollapseStateChange.emit(item);
+    }
+    getItemIndex(item) {
+        return this.items.indexOf(item);
+    }
+    registerOrderChange() {
+        this.orderChange.next();
+    }
+    reorderItem(oldIndex, newIndex) {
+        this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);
+    }
+}
+SkyRepeaterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyRepeaterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=repeater.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"repeater.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/repeater/repeater.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;;AAIvC;;GAEG;AAEH,MAAM,OAAO,kBAAkB;IAD/B;QAES,qBAAgB,GAAG,IAAI,eAAe,CAC3C,SAAS,CACV,CAAC;QAEK,0BAAqB,GAAG,IAAI,eAAe,CAAS,SAAS,CAAC,CAAC;QAE/D,sBAAiB,GAAG,KAAK,CAAC;QAI1B,4BAAuB,GAAG,IAAI,YAAY,EAA4B,CAAC;QAEvE,UAAK,GAA+B,EAAE,CAAC;QAEvC,gBAAW,GAAG,IAAI,eAAe,CAAO,SAAS,CAAC,CAAC;KA6D3D;IAzDQ,WAAW;QAChB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QACjC,IAAI,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC;IAEM,YAAY,CAAC,IAA8B;QAChD,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,0BAA0B;YAC1B,IAAI,IAAI,EAAE;gBACR,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;gBACtD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACvC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAClC;SACF;IACH,CAAC;IAEM,mBAAmB,CAAC,KAAa;QACtC,0BAA0B;QAC1B,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACvC;iBAAM;gBACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACrC,IAAI,UAAU,EAAE;oBACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;iBACxC;aACF;SACF;IACH,CAAC;IAEM,YAAY,CAAC,IAA8B;QAChD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAEM,cAAc,CAAC,IAA8B;QAClD,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtD,IAAI,oBAAoB,GAAG,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC;SAC5C;IACH,CAAC;IAEM,yBAAyB,CAAC,IAA8B;QAC7D,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAEM,YAAY,CAAC,IAA8B;QAChD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAEM,mBAAmB;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAEM,WAAW,CAAC,QAAgB,EAAE,QAAgB;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,CAAC;;gHA3EU,kBAAkB;oHAAlB,kBAAkB;4FAAlB,kBAAkB;kBAD9B,UAAU","sourcesContent":["import { EventEmitter, Injectable, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject } from 'rxjs';\n\nimport { SkyRepeaterItemComponent } from './repeater-item.component';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyRepeaterService implements OnDestroy {\n  public activeItemChange = new BehaviorSubject<SkyRepeaterItemComponent>(\n    undefined\n  );\n\n  public activeItemIndexChange = new BehaviorSubject<number>(undefined);\n\n  public enableActiveState = false;\n\n  public expandMode: string;\n\n  public itemCollapseStateChange = new EventEmitter<SkyRepeaterItemComponent>();\n\n  public items: SkyRepeaterItemComponent[] = [];\n\n  public orderChange = new BehaviorSubject<void>(undefined);\n\n  public repeaterGroupId: number;\n\n  public ngOnDestroy(): void {\n    this.activeItemChange.complete();\n    this.itemCollapseStateChange.complete();\n    this.orderChange.complete();\n  }\n\n  public activateItem(item: SkyRepeaterItemComponent): void {\n    if (this.enableActiveState) {\n      /* istanbul ignore else */\n      if (item) {\n        const index = this.items.findIndex((i) => i === item);\n        this.activeItemIndexChange.next(index);\n        this.activeItemChange.next(item);\n      }\n    }\n  }\n\n  public activateItemByIndex(index: number): void {\n    /* istanbul ignore else */\n    if (this.enableActiveState) {\n      if (index === undefined) {\n        this.activeItemChange.next(undefined);\n      } else {\n        const activeItem = this.items[index];\n        if (activeItem) {\n          this.activeItemChange.next(activeItem);\n        }\n      }\n    }\n  }\n\n  public registerItem(item: SkyRepeaterItemComponent): void {\n    this.items.push(item);\n  }\n\n  public unregisterItem(item: SkyRepeaterItemComponent): void {\n    const indexOfDestroyedItem = this.items.indexOf(item);\n    if (indexOfDestroyedItem > -1) {\n      this.items.splice(indexOfDestroyedItem, 1);\n    }\n  }\n\n  public onItemCollapseStateChange(item: SkyRepeaterItemComponent): void {\n    this.itemCollapseStateChange.emit(item);\n  }\n\n  public getItemIndex(item: SkyRepeaterItemComponent): number {\n    return this.items.indexOf(item);\n  }\n\n  public registerOrderChange(): void {\n    this.orderChange.next();\n  }\n\n  public reorderItem(oldIndex: number, newIndex: number): void {\n    this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);\n  }\n}\n"]}

package/esm2015/lib/modules/shared/sky-lists-resources.module.js

@@ -0,0 +1,80 @@
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-lists' schematic.
+ * To update this file, simply rerun the command.
+ */
+import { NgModule } from '@angular/core';
+import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, } from '@skyux/i18n';
+import * as i0 from "@angular/core";
+const RESOURCES = {
+    'EN-US': {
+        skyux_filter_button_title: { message: 'Filter' },
+        skyux_filter_summary_close: { message: 'Remove filter' },
+        skyux_filter_summary_header: { message: 'Filter' },
+        skyux_infinite_scroll_load_more_button: { message: 'Load more' },
+        skyux_paging_label: { message: 'Pagination' },
+        skyux_paging_next: { message: 'Next' },
+        skyux_paging_previous: { message: 'Previous' },
+        skyux_repeater_label: { message: 'List of items' },
+        skyux_repeater_item_expand: { message: 'Expand or collapse {0}' },
+        skyux_repeater_item_expand_default: { message: 'Expand or collapse' },
+        skyux_repeater_item_checkbox_label: { message: 'Select {0}' },
+        skyux_repeater_item_checkbox_label_default: { message: 'Select row' },
+        skyux_repeater_item_reorder_cancel: {
+            message: 'Item reordering was canceled. The item was returned to its original position.',
+        },
+        skyux_repeater_item_reorder_finish: {
+            message: 'Dropped the item in position',
+        },
+        skyux_repeater_item_reorder_instructions: {
+            message: 'Item grabbed. Press the up and down arrow keys to change position. Press the spacebar or enter key to drop. And press the escape key to cancel.',
+        },
+        skyux_repeater_item_reorder_moved: {
+            message: 'Moved the item to position',
+        },
+        skyux_repeater_item_reorder_label_default: { message: 'Reorder' },
+        skyux_repeater_item_reorder_label: { message: 'Reorder {0}' },
+        skyux_repeater_item_reorder_operation: {
+            message: 'Press the spacebar or enter key to reorder.',
+        },
+        skyux_repeater_item_reorder_top: { message: 'Top' },
+        skyux_repeater_item_reorder_top_label: { message: 'Move {0} to top' },
+        skyux_repeater_item_reorder_top_label_default: { message: 'Move to top' },
+        skyux_sort_button_label: { message: 'Sort' },
+        skyux_sort_menu_heading: { message: 'Sort by' },
+    },
+};
+export class SkyListsResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+export class SkyListsResourcesModule {
+}
+SkyListsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListsResourcesModule, exports: [SkyI18nModule] });
+SkyListsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListsResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyListsResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListsResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyListsResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=sky-lists-resources.module.js.map

package/esm2015/lib/modules/shared/sky-lists-resources.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sky-lists-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/shared/sky-lists-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,qBAAqB,EAErB,aAAa,EAGb,2BAA2B,GAC5B,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,yBAAyB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChD,0BAA0B,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;QACxD,2BAA2B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAClD,sCAAsC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;QAChE,kBAAkB,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC7C,iBAAiB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACtC,qBAAqB,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QAC9C,oBAAoB,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;QAClD,0BAA0B,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;QACjE,kCAAkC,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACrE,kCAAkC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC7D,0CAA0C,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QACrE,kCAAkC,EAAE;YAClC,OAAO,EACL,+EAA+E;SAClF;QACD,kCAAkC,EAAE;YAClC,OAAO,EAAE,8BAA8B;SACxC;QACD,wCAAwC,EAAE;YACxC,OAAO,EACL,iJAAiJ;SACpJ;QACD,iCAAiC,EAAE;YACjC,OAAO,EAAE,4BAA4B;SACtC;QACD,yCAAyC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjE,iCAAiC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAC7D,qCAAqC,EAAE;YACrC,OAAO,EAAE,6CAA6C;SACvD;QACD,+BAA+B,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;QACnD,qCAAqC,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;QACrE,6CAA6C,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QACzE,uBAAuB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC5C,uBAAuB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChD;CACF,CAAC;AAEF,MAAM,OAAO,yBAAyB;IAC7B,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,YATxB,aAAa;sHASZ,uBAAuB,aARvB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,yBAAyB;YACnC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,uBAAuB;kBAVnC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,yBAAyB;4BACnC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-lists' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_filter_button_title: { message: 'Filter' },\n    skyux_filter_summary_close: { message: 'Remove filter' },\n    skyux_filter_summary_header: { message: 'Filter' },\n    skyux_infinite_scroll_load_more_button: { message: 'Load more' },\n    skyux_paging_label: { message: 'Pagination' },\n    skyux_paging_next: { message: 'Next' },\n    skyux_paging_previous: { message: 'Previous' },\n    skyux_repeater_label: { message: 'List of items' },\n    skyux_repeater_item_expand: { message: 'Expand or collapse {0}' },\n    skyux_repeater_item_expand_default: { message: 'Expand or collapse' },\n    skyux_repeater_item_checkbox_label: { message: 'Select {0}' },\n    skyux_repeater_item_checkbox_label_default: { message: 'Select row' },\n    skyux_repeater_item_reorder_cancel: {\n      message:\n        'Item reordering was canceled. The item was returned to its original position.',\n    },\n    skyux_repeater_item_reorder_finish: {\n      message: 'Dropped the item in position',\n    },\n    skyux_repeater_item_reorder_instructions: {\n      message:\n        'Item grabbed. Press the up and down arrow keys to change position. Press the spacebar or enter key to drop. And press the escape key to cancel.',\n    },\n    skyux_repeater_item_reorder_moved: {\n      message: 'Moved the item to position',\n    },\n    skyux_repeater_item_reorder_label_default: { message: 'Reorder' },\n    skyux_repeater_item_reorder_label: { message: 'Reorder {0}' },\n    skyux_repeater_item_reorder_operation: {\n      message: 'Press the spacebar or enter key to reorder.',\n    },\n    skyux_repeater_item_reorder_top: { message: 'Top' },\n    skyux_repeater_item_reorder_top_label: { message: 'Move {0} to top' },\n    skyux_repeater_item_reorder_top_label_default: { message: 'Move to top' },\n    skyux_sort_button_label: { message: 'Sort' },\n    skyux_sort_menu_heading: { message: 'Sort by' },\n  },\n};\n\nexport class SkyListsResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyListsResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyListsResourcesModule {}\n"]}

package/esm2015/{modules → lib/modules}/sort/sort-item.component.js

@@ -1,5 +1,6 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import { SkySortService } from './sort.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./sort.service";
 import * as i2 from "@angular/common";
@@ -46,9 +47,9 @@ export class SkySortItemComponent {
         }
     }
 }
-SkySortItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySortItemComponent, deps: [{ token: i1.SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkySortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"sky-sort-item\"\n  role=\"menuitemradio\"\n  [attr.aria-checked]=\"isSelected | async\"\n  [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n>\n  <button\n    type=\"button\"\n    [ngClass]=\"{ 'sky-emphasized': (isSelected | async) }\"\n    (click)=\"itemClicked()\"\n  >\n    <ng-content></ng-content>\n  </button>\n</div>\n", styles: [".sky-sort-item{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;text-align:left;transition:background-color .15s}.sky-sort-item.sky-dropdown-item-active,.sky-sort-item:hover{background-color:#eeeeef}.sky-sort-item.sky-dropdown-item-disabled{cursor:default}.sky-sort-item.sky-dropdown-item-disabled:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:#212327;cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:#686c73}.sky-sort-item ::ng-deep>button[disabled]:hover{cursor:default}.sky-sort-item-selected{background-color:#f1eef6;padding:4px;margin:0}:host-context(.sky-theme-modern) .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus{background-color:transparent;outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}:host-context(.sky-theme-modern) .sky-sort-item button{padding:0;color:#686c73}:host-context(.sky-theme-modern) .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}:host-context(.sky-theme-modern) .sky-sort-item-selected button{font-weight:400;color:#212327}.sky-theme-modern .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus{background-color:transparent;outline:none}.sky-theme-modern .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}.sky-theme-modern .sky-sort-item-selected button{font-weight:400;color:#212327}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item button{color:#c0c2c5}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item-selected button{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item button{color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item-selected button{color:#fbfcfe}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySortItemComponent, decorators: [{
+SkySortItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortItemComponent, deps: [{ token: i1.SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkySortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"sky-sort-item\"\n  role=\"menuitemradio\"\n  [attr.aria-checked]=\"isSelected | async\"\n  [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n>\n  <button\n    type=\"button\"\n    [ngClass]=\"{ 'sky-emphasized': (isSelected | async) }\"\n    (click)=\"itemClicked()\"\n  >\n    <ng-content></ng-content>\n  </button>\n</div>\n", styles: [".sky-sort-item{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;text-align:left;transition:background-color .15s}.sky-sort-item.sky-dropdown-item-active,.sky-sort-item:hover{background-color:#eeeeef}.sky-sort-item.sky-dropdown-item-disabled{cursor:default}.sky-sort-item.sky-dropdown-item-disabled:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:#212327;cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:#686c73}.sky-sort-item ::ng-deep>button[disabled]:hover{cursor:default}.sky-sort-item-selected{background-color:#f1eef6;padding:4px;margin:0}:host-context(.sky-theme-modern) .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus{background-color:transparent;outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}:host-context(.sky-theme-modern) .sky-sort-item button{padding:0;color:#686c73}:host-context(.sky-theme-modern) .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}:host-context(.sky-theme-modern) .sky-sort-item-selected button{font-weight:400;color:#212327}.sky-theme-modern .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus{background-color:transparent;outline:none}.sky-theme-modern .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}.sky-theme-modern .sky-sort-item-selected button{font-weight:400;color:#212327}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item button{color:#c0c2c5}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item-selected button{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item button{color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item-selected button{color:#fbfcfe}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-sort-item',
@@ -61,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
             }], itemSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpc3RzL3NyYy9tb2R1bGVzL3NvcnQvc29ydC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpc3RzL3NyYy9tb2R1bGVzL3NvcnQvc29ydC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUtQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0sTUFBTSxDQUFDOzs7O0FBSXJELE1BQU0sbUJBQW1CLEdBQUcsZ0JBQWdCLENBQUM7QUFFN0MsSUFBSSxnQkFBZ0IsR0FBVyxDQUFDLENBQUM7QUFRakMsTUFBTSxPQUFPLG9CQUFvQjtJQXFCL0IsWUFDVSxXQUEyQixFQUMzQixRQUEyQjtRQUQzQixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFDM0IsYUFBUSxHQUFSLFFBQVEsQ0FBbUI7UUFoQnJDOztXQUVHO1FBRUksZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRW5ELGVBQVUsR0FBNkIsSUFBSSxlQUFlLENBQy9ELEtBQUssQ0FDTixDQUFDO0lBU0MsQ0FBQztJQUVHLFFBQVE7UUFDYixnQkFBZ0IsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxVQUFVLEdBQUcsbUJBQW1CLEdBQUcsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDcEUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQ3pELENBQUMsTUFBYyxFQUFFLEVBQUU7WUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ2hDLENBQUMsQ0FDRixDQUFDO1FBRUYsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVNLFdBQVcsQ0FBQyxPQUFzQjtRQUN2QyxJQUNFLE9BQU87WUFDUCxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQ2pCLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZO1lBQzlCLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLEtBQUssT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLGFBQWEsRUFDbEU7WUFDQSxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDOUM7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU0sV0FBVztRQUNoQiwwQkFBMEI7UUFDMUIsa0JBQWtCO1FBQ2xCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7a0hBL0RVLG9CQUFvQjtzR0FBcEIsb0JBQW9CLCtJQzNCakMsd1dBY0E7NEZEYWEsb0JBQW9CO2tCQU5oQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixTQUFTLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztvQkFDekMsV0FBVyxFQUFFLDRCQUE0QjtvQkFDekMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEO3FJQU1RLE1BQU07c0JBRFosS0FBSztnQkFPQyxVQUFVO3NCQURoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNreVNvcnRTZXJ2aWNlIH0gZnJvbSAnLi9zb3J0LnNlcnZpY2UnO1xuXG5jb25zdCBTT1JUX0lURU1fSURfUFJFRklYID0gJ3NreS1zb3J0LWl0ZW0tJztcblxubGV0IHNvcnRJdGVtSWROdW1iZXI6IG51bWJlciA9IDA7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1zb3J0LWl0ZW0nLFxuICBzdHlsZVVybHM6IFsnLi9zb3J0LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NvcnQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lTb3J0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIHNvcnRpbmcgb3B0aW9uIGlzIGFjdGl2ZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gYSBzb3J0IGl0ZW0gaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGl0ZW1TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBpc1NlbGVjdGVkOiBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KFxuICAgIGZhbHNlXG4gICk7XG5cbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICBwcml2YXRlIHNvcnRJdGVtSWQ6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHNvcnRTZXJ2aWNlOiBTa3lTb3J0U2VydmljZSxcbiAgICBwcml2YXRlIGRldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHNvcnRJdGVtSWROdW1iZXIrKztcbiAgICB0aGlzLnNvcnRJdGVtSWQgPSBTT1JUX0lURU1fSURfUFJFRklYICsgc29ydEl0ZW1JZE51bWJlci50b1N0cmluZygpO1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5zb3J0U2VydmljZS5zZWxlY3RlZEl0ZW0uc3Vic2NyaWJlKFxuICAgICAgKGl0ZW1JZDogc3RyaW5nKSA9PiB7XG4gICAgICAgIHRoaXMuaXNTZWxlY3RlZC5uZXh0KGl0ZW1JZCA9PT0gdGhpcy5zb3J0SXRlbUlkKTtcbiAgICAgICAgdGhpcy5kZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB9XG4gICAgKTtcblxuICAgIGlmICh0aGlzLmFjdGl2ZSkge1xuICAgICAgdGhpcy5zb3J0U2VydmljZS5zZWxlY3RJdGVtKHRoaXMuc29ydEl0ZW1JZCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzICYmXG4gICAgICBjaGFuZ2VzWydhY3RpdmUnXSAmJlxuICAgICAgY2hhbmdlc1snYWN0aXZlJ10uY3VycmVudFZhbHVlICYmXG4gICAgICBjaGFuZ2VzWydhY3RpdmUnXS5jdXJyZW50VmFsdWUgIT09IGNoYW5nZXNbJ2FjdGl2ZSddLnByZXZpb3VzVmFsdWVcbiAgICApIHtcbiAgICAgIHRoaXMuc29ydFNlcnZpY2Uuc2VsZWN0SXRlbSh0aGlzLnNvcnRJdGVtSWQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBpdGVtQ2xpY2tlZCgpIHtcbiAgICB0aGlzLnNvcnRTZXJ2aWNlLnNlbGVjdEl0ZW0odGhpcy5zb3J0SXRlbUlkKTtcbiAgICB0aGlzLml0ZW1TZWxlY3QuZW1pdCgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgLyogc2FuaXR5IGNoZWNrICovXG4gICAgaWYgKHRoaXMuc3Vic2NyaXB0aW9uKSB7XG4gICAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1zb3J0LWl0ZW1cIlxuICByb2xlPVwibWVudWl0ZW1yYWRpb1wiXG4gIFthdHRyLmFyaWEtY2hlY2tlZF09XCJpc1NlbGVjdGVkIHwgYXN5bmNcIlxuICBbbmdDbGFzc109XCJ7ICdza3ktc29ydC1pdGVtLXNlbGVjdGVkJzogKGlzU2VsZWN0ZWQgfCBhc3luYykgfVwiXG4+XG4gIDxidXR0b25cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBbbmdDbGFzc109XCJ7ICdza3ktZW1waGFzaXplZCc6IChpc1NlbGVjdGVkIHwgYXN5bmMpIH1cIlxuICAgIChjbGljayk9XCJpdGVtQ2xpY2tlZCgpXCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=sort-item.component.js.map

package/esm2015/lib/modules/sort/sort-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/sort/sort-item.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/sort/sort-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GAKP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAgB,MAAM,MAAM,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;;;;AAEhD,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAE7C,IAAI,gBAAgB,GAAW,CAAC,CAAC;AAQjC,MAAM,OAAO,oBAAoB;IAqB/B,YACU,WAA2B,EAC3B,QAA2B;QAD3B,gBAAW,GAAX,WAAW,CAAgB;QAC3B,aAAQ,GAAR,QAAQ,CAAmB;QAhBrC;;WAEG;QAEI,eAAU,GAAsB,IAAI,YAAY,EAAE,CAAC;QAEnD,eAAU,GAA6B,IAAI,eAAe,CAC/D,KAAK,CACN,CAAC;IASC,CAAC;IAEG,QAAQ;QACb,gBAAgB,EAAE,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QACpE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CACzD,CAAC,MAAc,EAAE,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC;YACjD,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;QAChC,CAAC,CACF,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9C;IACH,CAAC;IAEM,WAAW,CAAC,OAAsB;QACvC,IACE,OAAO;YACP,OAAO,CAAC,QAAQ,CAAC;YACjB,OAAO,CAAC,QAAQ,CAAC,CAAC,YAAY;YAC9B,OAAO,CAAC,QAAQ,CAAC,CAAC,YAAY,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,aAAa,EAClE;YACA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9C;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAEM,WAAW;QAChB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;kHA/DU,oBAAoB;sGAApB,oBAAoB,+IC3BjC,wWAcA;4FDaa,oBAAoB;kBANhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,SAAS,EAAE,CAAC,4BAA4B,CAAC;oBACzC,WAAW,EAAE,4BAA4B;oBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;qIAMQ,MAAM;sBADZ,KAAK;gBAOC,UAAU;sBADhB,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport { SkySortService } from './sort.service';\n\nconst SORT_ITEM_ID_PREFIX = 'sky-sort-item-';\n\nlet sortItemIdNumber: number = 0;\n\n@Component({\n  selector: 'sky-sort-item',\n  styleUrls: ['./sort-item.component.scss'],\n  templateUrl: './sort-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySortItemComponent implements OnInit, OnChanges, OnDestroy {\n  /**\n   * Indicates whether the sorting option is active.\n   */\n  @Input()\n  public active: boolean;\n\n  /**\n   * Fires when a sort item is selected.\n   */\n  @Output()\n  public itemSelect: EventEmitter<any> = new EventEmitter();\n\n  public isSelected: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(\n    false\n  );\n\n  private subscription: Subscription;\n\n  private sortItemId: string;\n\n  constructor(\n    private sortService: SkySortService,\n    private detector: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit() {\n    sortItemIdNumber++;\n    this.sortItemId = SORT_ITEM_ID_PREFIX + sortItemIdNumber.toString();\n    this.subscription = this.sortService.selectedItem.subscribe(\n      (itemId: string) => {\n        this.isSelected.next(itemId === this.sortItemId);\n        this.detector.detectChanges();\n      }\n    );\n\n    if (this.active) {\n      this.sortService.selectItem(this.sortItemId);\n    }\n  }\n\n  public ngOnChanges(changes: SimpleChanges) {\n    if (\n      changes &&\n      changes['active'] &&\n      changes['active'].currentValue &&\n      changes['active'].currentValue !== changes['active'].previousValue\n    ) {\n      this.sortService.selectItem(this.sortItemId);\n    }\n  }\n\n  public itemClicked() {\n    this.sortService.selectItem(this.sortItemId);\n    this.itemSelect.emit();\n  }\n\n  public ngOnDestroy() {\n    /* istanbul ignore else */\n    /* sanity check */\n    if (this.subscription) {\n      this.subscription.unsubscribe();\n    }\n  }\n}\n","<div\n  class=\"sky-sort-item\"\n  role=\"menuitemradio\"\n  [attr.aria-checked]=\"isSelected | async\"\n  [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n>\n  <button\n    type=\"button\"\n    [ngClass]=\"{ 'sky-emphasized': (isSelected | async) }\"\n    (click)=\"itemClicked()\"\n  >\n    <ng-content></ng-content>\n  </button>\n</div>\n"]}