@skyux/lists 5.5.0 → 5.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-lists.umd.js +551 -551
- package/documentation.json +86 -412
- package/esm2015/lib/modules/filter/filter-button.component.js.map +1 -1
- package/esm2015/lib/modules/filter/filter.module.js +1 -1
- package/esm2015/lib/modules/filter/filter.module.js.map +1 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js +1 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js.map +1 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll.component.js.map +1 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll.module.js.map +1 -1
- package/esm2015/lib/modules/paging/paging.component.js +4 -4
- package/esm2015/lib/modules/paging/paging.component.js.map +1 -1
- package/esm2015/lib/modules/paging/paging.module.js.map +1 -1
- package/esm2015/lib/modules/repeater/repeater-adapter.service.js +1 -1
- package/esm2015/lib/modules/repeater/repeater-adapter.service.js.map +1 -1
- package/esm2015/lib/modules/repeater/repeater-item.component.js +1 -1
- package/esm2015/lib/modules/repeater/repeater-item.component.js.map +1 -1
- package/esm2015/lib/modules/repeater/repeater.component.js +5 -5
- package/esm2015/lib/modules/repeater/repeater.component.js.map +1 -1
- package/esm2015/lib/modules/repeater/repeater.module.js +3 -3
- package/esm2015/lib/modules/repeater/repeater.module.js.map +1 -1
- package/esm2015/lib/modules/shared/sky-lists-resources.module.js +1 -1
- package/esm2015/lib/modules/shared/sky-lists-resources.module.js.map +1 -1
- package/esm2015/lib/modules/sort/sort-item.component.js.map +1 -1
- package/esm2015/lib/modules/sort/sort.component.js +1 -1
- package/esm2015/lib/modules/sort/sort.component.js.map +1 -1
- package/esm2015/lib/modules/sort/sort.module.js.map +1 -1
- package/esm2015/testing/filter/filter-fixture-button.js.map +1 -1
- package/esm2015/testing/filter/filter-fixture-summary.js.map +1 -1
- package/esm2015/testing/filter/filter-testing.module.js.map +1 -1
- package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js.map +1 -1
- package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js.map +1 -1
- package/esm2015/testing/paging/paging-fixture.js.map +1 -1
- package/esm2015/testing/paging/paging-testing.module.js.map +1 -1
- package/esm2015/testing/sort/sort-fixture.js.map +1 -1
- package/esm2015/testing/sort/sort-testing.module.js.map +1 -1
- package/fesm2015/skyux-lists-testing.js.map +1 -1
- package/fesm2015/skyux-lists.js +73 -73
- package/fesm2015/skyux-lists.js.map +1 -1
- package/lib/modules/repeater/repeater.component.d.ts +1 -1
- package/lib/modules/sort/sort.component.d.ts +1 -1
- package/package.json +20 -19
package/fesm2015/skyux-lists.js
CHANGED
|
@@ -160,22 +160,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
160
160
|
type: Output
|
|
161
161
|
}] } });
|
|
162
162
|
|
|
163
|
-
/**
|
|
164
|
-
* Specifies a wrapper for the inline filters.
|
|
165
|
-
*/
|
|
166
|
-
class SkyFilterInlineComponent {
|
|
167
|
-
}
|
|
168
|
-
SkyFilterInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
169
|
-
SkyFilterInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterInlineComponent, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"] });
|
|
170
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
|
|
171
|
-
type: Component,
|
|
172
|
-
args: [{
|
|
173
|
-
selector: 'sky-filter-inline',
|
|
174
|
-
styleUrls: ['./filter-inline.component.scss'],
|
|
175
|
-
templateUrl: './filter-inline.component.html',
|
|
176
|
-
}]
|
|
177
|
-
}] });
|
|
178
|
-
|
|
179
163
|
/**
|
|
180
164
|
* Specifies an inline filter.
|
|
181
165
|
*/
|
|
@@ -192,6 +176,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
192
176
|
}]
|
|
193
177
|
}] });
|
|
194
178
|
|
|
179
|
+
/**
|
|
180
|
+
* Specifies a wrapper for the inline filters.
|
|
181
|
+
*/
|
|
182
|
+
class SkyFilterInlineComponent {
|
|
183
|
+
}
|
|
184
|
+
SkyFilterInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
185
|
+
SkyFilterInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterInlineComponent, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"] });
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
|
|
187
|
+
type: Component,
|
|
188
|
+
args: [{
|
|
189
|
+
selector: 'sky-filter-inline',
|
|
190
|
+
styleUrls: ['./filter-inline.component.scss'],
|
|
191
|
+
templateUrl: './filter-inline.component.html',
|
|
192
|
+
}]
|
|
193
|
+
}] });
|
|
194
|
+
|
|
195
195
|
/**
|
|
196
196
|
* Specifies a filter that was applied.
|
|
197
197
|
*/
|
|
@@ -541,7 +541,7 @@ class SkyPagingComponent {
|
|
|
541
541
|
this.setPage(this.currentPage);
|
|
542
542
|
}
|
|
543
543
|
setPage(pageNumber) {
|
|
544
|
-
|
|
544
|
+
const previousPage = this.currentPage;
|
|
545
545
|
this.setPageCount();
|
|
546
546
|
if (pageNumber < 1 || this.pageCount < 1) {
|
|
547
547
|
this.currentPage = 1;
|
|
@@ -570,8 +570,8 @@ class SkyPagingComponent {
|
|
|
570
570
|
return this.currentPage === this.pageCount;
|
|
571
571
|
}
|
|
572
572
|
getDisplayedPageNumbers(pageCount, maxDisplayedPages, pageNumber) {
|
|
573
|
-
|
|
574
|
-
|
|
573
|
+
const pageIndex = pageNumber - 1;
|
|
574
|
+
const pageBounds = Math.floor(maxDisplayedPages / 2);
|
|
575
575
|
let upperBound = pageIndex + pageBounds;
|
|
576
576
|
let lowerBound = pageIndex - pageBounds;
|
|
577
577
|
if (maxDisplayedPages % 2 !== 0) {
|
|
@@ -592,7 +592,7 @@ class SkyPagingComponent {
|
|
|
592
592
|
lowerBound = 0;
|
|
593
593
|
upperBound = pageCount;
|
|
594
594
|
}
|
|
595
|
-
|
|
595
|
+
const displayedPageNumbers = [];
|
|
596
596
|
for (let i = lowerBound; i < upperBound; i++) {
|
|
597
597
|
displayedPageNumbers.push(i + 1);
|
|
598
598
|
}
|
|
@@ -660,6 +660,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
660
660
|
}]
|
|
661
661
|
}] });
|
|
662
662
|
|
|
663
|
+
/**
|
|
664
|
+
* Displays content text when the repeater is expanded.
|
|
665
|
+
*/
|
|
666
|
+
class SkyRepeaterItemContentComponent {
|
|
667
|
+
}
|
|
668
|
+
SkyRepeaterItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
669
|
+
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" });
|
|
670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContentComponent, decorators: [{
|
|
671
|
+
type: Component,
|
|
672
|
+
args: [{
|
|
673
|
+
selector: 'sky-repeater-item-content',
|
|
674
|
+
templateUrl: './repeater-item-content.component.html',
|
|
675
|
+
}]
|
|
676
|
+
}] });
|
|
677
|
+
|
|
678
|
+
/**
|
|
679
|
+
* Wraps and styles a
|
|
680
|
+
* [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).
|
|
681
|
+
*/
|
|
682
|
+
/* istanbul ignore next */
|
|
683
|
+
/* Code coverage having problems with no statements in classes */
|
|
684
|
+
class SkyRepeaterItemContextMenuComponent {
|
|
685
|
+
}
|
|
686
|
+
SkyRepeaterItemContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
687
|
+
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" });
|
|
688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, decorators: [{
|
|
689
|
+
type: Component,
|
|
690
|
+
args: [{
|
|
691
|
+
selector: 'sky-repeater-item-context-menu',
|
|
692
|
+
templateUrl: './repeater-item-context-menu.component.html',
|
|
693
|
+
}]
|
|
694
|
+
}] });
|
|
695
|
+
|
|
696
|
+
/**
|
|
697
|
+
* Displays a header inside the repeater item.
|
|
698
|
+
*/
|
|
699
|
+
class SkyRepeaterItemTitleComponent {
|
|
700
|
+
}
|
|
701
|
+
SkyRepeaterItemTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
702
|
+
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" });
|
|
703
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemTitleComponent, decorators: [{
|
|
704
|
+
type: Component,
|
|
705
|
+
args: [{
|
|
706
|
+
selector: 'sky-repeater-item-title',
|
|
707
|
+
templateUrl: './repeater-item-title.component.html',
|
|
708
|
+
}]
|
|
709
|
+
}] });
|
|
710
|
+
|
|
663
711
|
/**
|
|
664
712
|
* @internal
|
|
665
713
|
*/
|
|
@@ -770,7 +818,7 @@ class SkyRepeaterAdapterService {
|
|
|
770
818
|
if (index === itemArray.length - steps) {
|
|
771
819
|
return;
|
|
772
820
|
}
|
|
773
|
-
|
|
821
|
+
const newIndex = index + steps;
|
|
774
822
|
return this.moveItem(element, index, newIndex);
|
|
775
823
|
}
|
|
776
824
|
moveItem(element, oldIndex, newIndex) {
|
|
@@ -794,39 +842,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
794
842
|
type: Injectable
|
|
795
843
|
}], ctorParameters: function () { return [{ type: SkyRepeaterService }]; } });
|
|
796
844
|
|
|
797
|
-
/**
|
|
798
|
-
* Displays content text when the repeater is expanded.
|
|
799
|
-
*/
|
|
800
|
-
class SkyRepeaterItemContentComponent {
|
|
801
|
-
}
|
|
802
|
-
SkyRepeaterItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
803
|
-
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" });
|
|
804
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContentComponent, decorators: [{
|
|
805
|
-
type: Component,
|
|
806
|
-
args: [{
|
|
807
|
-
selector: 'sky-repeater-item-content',
|
|
808
|
-
templateUrl: './repeater-item-content.component.html',
|
|
809
|
-
}]
|
|
810
|
-
}] });
|
|
811
|
-
|
|
812
|
-
/**
|
|
813
|
-
* Wraps and styles a
|
|
814
|
-
* [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).
|
|
815
|
-
*/
|
|
816
|
-
/* istanbul ignore next */
|
|
817
|
-
/* Code coverage having problems with no statements in classes */
|
|
818
|
-
class SkyRepeaterItemContextMenuComponent {
|
|
819
|
-
}
|
|
820
|
-
SkyRepeaterItemContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
821
|
-
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" });
|
|
822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, decorators: [{
|
|
823
|
-
type: Component,
|
|
824
|
-
args: [{
|
|
825
|
-
selector: 'sky-repeater-item-context-menu',
|
|
826
|
-
templateUrl: './repeater-item-context-menu.component.html',
|
|
827
|
-
}]
|
|
828
|
-
}] });
|
|
829
|
-
|
|
830
845
|
let nextContentId = 0;
|
|
831
846
|
/**
|
|
832
847
|
* Creates an individual repeater item.
|
|
@@ -1302,7 +1317,7 @@ class SkyRepeaterComponent {
|
|
|
1302
1317
|
// https://github.com/angular/angular/issues/6005
|
|
1303
1318
|
this.items.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
|
|
1304
1319
|
setTimeout(() => {
|
|
1305
|
-
if (
|
|
1320
|
+
if (this.items.last) {
|
|
1306
1321
|
this.updateForExpandMode(this.items.last);
|
|
1307
1322
|
this.items.last.reorderable = this.reorderable;
|
|
1308
1323
|
}
|
|
@@ -1341,8 +1356,8 @@ class SkyRepeaterComponent {
|
|
|
1341
1356
|
updateForExpandMode(itemAdded) {
|
|
1342
1357
|
if (this.items) {
|
|
1343
1358
|
let foundExpanded = false;
|
|
1344
|
-
|
|
1345
|
-
|
|
1359
|
+
const isCollapsible = this.expandMode !== 'none';
|
|
1360
|
+
const isSingle = this.expandMode === 'single';
|
|
1346
1361
|
// Keep any newly-added expanded item expanded and collapse the rest.
|
|
1347
1362
|
if (itemAdded && itemAdded.isExpanded) {
|
|
1348
1363
|
foundExpanded = true;
|
|
@@ -1385,7 +1400,7 @@ class SkyRepeaterComponent {
|
|
|
1385
1400
|
/* istanbul ignore else */
|
|
1386
1401
|
if (groupName === this.dragulaGroupName) {
|
|
1387
1402
|
this.renderer.removeClass(subject, 'sky-repeater-item-dragging');
|
|
1388
|
-
|
|
1403
|
+
const newItemIndex = this.adapterService.getRepeaterItemIndex(subject);
|
|
1389
1404
|
/* sanity check */
|
|
1390
1405
|
/* istanbul ignore else */
|
|
1391
1406
|
if (draggedItemIndex >= 0) {
|
|
@@ -1449,21 +1464,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1449
1464
|
args: [SkyRepeaterItemComponent]
|
|
1450
1465
|
}] } });
|
|
1451
1466
|
|
|
1452
|
-
/**
|
|
1453
|
-
* Displays a header inside the repeater item.
|
|
1454
|
-
*/
|
|
1455
|
-
class SkyRepeaterItemTitleComponent {
|
|
1456
|
-
}
|
|
1457
|
-
SkyRepeaterItemTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1458
|
-
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" });
|
|
1459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterItemTitleComponent, decorators: [{
|
|
1460
|
-
type: Component,
|
|
1461
|
-
args: [{
|
|
1462
|
-
selector: 'sky-repeater-item-title',
|
|
1463
|
-
templateUrl: './repeater-item-title.component.html',
|
|
1464
|
-
}]
|
|
1465
|
-
}] });
|
|
1466
|
-
|
|
1467
1467
|
class SkyRepeaterModule {
|
|
1468
1468
|
}
|
|
1469
1469
|
SkyRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|