@skyux/lists 5.7.2 → 6.0.0-beta.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/esm2020/index.mjs +22 -0
- package/esm2020/lib/modules/filter/filter-button.component.mjs +62 -0
- package/esm2020/lib/modules/filter/filter-inline-item.component.mjs +14 -0
- package/esm2020/lib/modules/filter/filter-inline.component.mjs +14 -0
- package/esm2020/lib/modules/filter/filter-summary-item.component.mjs +45 -0
- package/esm2020/lib/modules/filter/filter-summary.component.mjs +15 -0
- package/esm2020/lib/modules/filter/filter.module.mjs +61 -0
- package/esm2020/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.mjs +93 -0
- package/esm2020/lib/modules/infinite-scroll/infinite-scroll.component.mjs +109 -0
- package/esm2020/lib/modules/infinite-scroll/infinite-scroll.module.mjs +20 -0
- package/esm2020/lib/modules/paging/paging.component.mjs +122 -0
- package/esm2020/lib/modules/paging/paging.module.mjs +34 -0
- package/esm2020/lib/modules/repeater/repeater-adapter.service.mjs +69 -0
- package/esm2020/lib/modules/repeater/repeater-item-content.component.mjs +14 -0
- package/esm2020/lib/modules/repeater/repeater-item-context-menu.component.mjs +17 -0
- package/esm2020/lib/modules/repeater/repeater-item-title.component.mjs +14 -0
- package/esm2020/lib/modules/repeater/repeater-item.component.mjs +383 -0
- package/esm2020/lib/modules/repeater/repeater.component.mjs +256 -0
- package/esm2020/lib/modules/repeater/repeater.module.mjs +69 -0
- package/esm2020/lib/modules/repeater/repeater.service.mjs +72 -0
- package/esm2020/lib/modules/shared/sky-lists-resources.module.mjs +80 -0
- package/esm2020/lib/modules/sort/sort-item.component.mjs +60 -0
- package/esm2020/lib/modules/sort/sort-menu-heading.component.mjs +13 -0
- package/esm2020/lib/modules/sort/sort.component.mjs +35 -0
- package/esm2020/lib/modules/sort/sort.module.mjs +50 -0
- package/esm2020/lib/modules/sort/sort.service.mjs +20 -0
- package/esm2020/skyux-lists.mjs +5 -0
- package/esm2020/testing/filter/filter-fixture-button.mjs +46 -0
- package/esm2020/testing/filter/filter-fixture-summary.mjs +28 -0
- package/esm2020/testing/filter/filter-testing.module.mjs +15 -0
- package/esm2020/testing/filter/lists-filter-fixture-button.mjs +2 -0
- package/esm2020/testing/infinite-scroll/infinite-scroll-fixture.mjs +27 -0
- package/esm2020/testing/infinite-scroll/infinite-scroll-testing.module.mjs +15 -0
- package/esm2020/testing/paging/paging-fixture-button.mjs +2 -0
- package/esm2020/testing/paging/paging-fixture.mjs +93 -0
- package/esm2020/testing/paging/paging-testing.module.mjs +15 -0
- package/esm2020/testing/public-api.mjs +13 -0
- package/esm2020/testing/skyux-lists-testing.mjs +5 -0
- package/esm2020/testing/sort/sort-fixture-menu-item.mjs +2 -0
- package/esm2020/testing/sort/sort-fixture-menu.mjs +2 -0
- package/esm2020/testing/sort/sort-fixture.mjs +140 -0
- package/esm2020/testing/sort/sort-testing.module.mjs +17 -0
- package/fesm2015/{skyux-lists-testing.js → skyux-lists-testing.mjs} +17 -17
- package/fesm2015/skyux-lists-testing.mjs.map +1 -0
- package/fesm2015/skyux-lists.mjs +1615 -0
- package/fesm2015/skyux-lists.mjs.map +1 -0
- package/fesm2020/skyux-lists-testing.mjs +389 -0
- package/fesm2020/skyux-lists-testing.mjs.map +1 -0
- package/fesm2020/skyux-lists.mjs +1615 -0
- package/fesm2020/skyux-lists.mjs.map +1 -0
- package/package.json +43 -19
- package/testing/package.json +5 -5
- package/bundles/skyux-lists-testing.umd.js +0 -887
- package/bundles/skyux-lists.umd.js +0 -2149
- package/esm2015/index.js +0 -22
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/modules/filter/filter-button.component.js +0 -67
- package/esm2015/lib/modules/filter/filter-button.component.js.map +0 -1
- package/esm2015/lib/modules/filter/filter-inline-item.component.js +0 -18
- package/esm2015/lib/modules/filter/filter-inline-item.component.js.map +0 -1
- package/esm2015/lib/modules/filter/filter-inline.component.js +0 -18
- package/esm2015/lib/modules/filter/filter-inline.component.js.map +0 -1
- package/esm2015/lib/modules/filter/filter-summary-item.component.js +0 -50
- package/esm2015/lib/modules/filter/filter-summary-item.component.js.map +0 -1
- package/esm2015/lib/modules/filter/filter-summary.component.js +0 -20
- package/esm2015/lib/modules/filter/filter-summary.component.js.map +0 -1
- package/esm2015/lib/modules/filter/filter.module.js +0 -61
- package/esm2015/lib/modules/filter/filter.module.js.map +0 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js +0 -93
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll.component.js +0 -115
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll.component.js.map +0 -1
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll.module.js +0 -20
- package/esm2015/lib/modules/infinite-scroll/infinite-scroll.module.js.map +0 -1
- package/esm2015/lib/modules/paging/paging.component.js +0 -127
- package/esm2015/lib/modules/paging/paging.component.js.map +0 -1
- package/esm2015/lib/modules/paging/paging.module.js +0 -34
- package/esm2015/lib/modules/paging/paging.module.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater-adapter.service.js +0 -69
- package/esm2015/lib/modules/repeater/repeater-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater-item-content.component.js +0 -17
- package/esm2015/lib/modules/repeater/repeater-item-content.component.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater-item-context-menu.component.js +0 -20
- package/esm2015/lib/modules/repeater/repeater-item-context-menu.component.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater-item-title.component.js +0 -17
- package/esm2015/lib/modules/repeater/repeater-item-title.component.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater-item.component.js +0 -389
- package/esm2015/lib/modules/repeater/repeater-item.component.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater.component.js +0 -262
- package/esm2015/lib/modules/repeater/repeater.component.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater.module.js +0 -69
- package/esm2015/lib/modules/repeater/repeater.module.js.map +0 -1
- package/esm2015/lib/modules/repeater/repeater.service.js +0 -72
- package/esm2015/lib/modules/repeater/repeater.service.js.map +0 -1
- package/esm2015/lib/modules/shared/sky-lists-resources.module.js +0 -80
- package/esm2015/lib/modules/shared/sky-lists-resources.module.js.map +0 -1
- package/esm2015/lib/modules/sort/sort-item.component.js +0 -65
- package/esm2015/lib/modules/sort/sort-item.component.js.map +0 -1
- package/esm2015/lib/modules/sort/sort-menu-heading.component.js +0 -17
- package/esm2015/lib/modules/sort/sort-menu-heading.component.js.map +0 -1
- package/esm2015/lib/modules/sort/sort.component.js +0 -41
- package/esm2015/lib/modules/sort/sort.component.js.map +0 -1
- package/esm2015/lib/modules/sort/sort.module.js +0 -50
- package/esm2015/lib/modules/sort/sort.module.js.map +0 -1
- package/esm2015/lib/modules/sort/sort.service.js +0 -20
- package/esm2015/lib/modules/sort/sort.service.js.map +0 -1
- package/esm2015/skyux-lists.js +0 -5
- package/esm2015/skyux-lists.js.map +0 -1
- package/esm2015/testing/filter/filter-fixture-button.js +0 -50
- package/esm2015/testing/filter/filter-fixture-button.js.map +0 -1
- package/esm2015/testing/filter/filter-fixture-summary.js +0 -31
- package/esm2015/testing/filter/filter-fixture-summary.js.map +0 -1
- package/esm2015/testing/filter/filter-testing.module.js +0 -15
- package/esm2015/testing/filter/filter-testing.module.js.map +0 -1
- package/esm2015/testing/filter/lists-filter-fixture-button.js +0 -2
- package/esm2015/testing/filter/lists-filter-fixture-button.js.map +0 -1
- package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js +0 -30
- package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js.map +0 -1
- package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js +0 -15
- package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js.map +0 -1
- package/esm2015/testing/paging/paging-fixture-button.js +0 -2
- package/esm2015/testing/paging/paging-fixture-button.js.map +0 -1
- package/esm2015/testing/paging/paging-fixture.js +0 -104
- package/esm2015/testing/paging/paging-fixture.js.map +0 -1
- package/esm2015/testing/paging/paging-testing.module.js +0 -15
- package/esm2015/testing/paging/paging-testing.module.js.map +0 -1
- package/esm2015/testing/public-api.js +0 -13
- package/esm2015/testing/public-api.js.map +0 -1
- package/esm2015/testing/skyux-lists-testing.js +0 -5
- package/esm2015/testing/skyux-lists-testing.js.map +0 -1
- package/esm2015/testing/sort/sort-fixture-menu-item.js +0 -2
- package/esm2015/testing/sort/sort-fixture-menu-item.js.map +0 -1
- package/esm2015/testing/sort/sort-fixture-menu.js +0 -2
- package/esm2015/testing/sort/sort-fixture-menu.js.map +0 -1
- package/esm2015/testing/sort/sort-fixture.js +0 -152
- package/esm2015/testing/sort/sort-fixture.js.map +0 -1
- package/esm2015/testing/sort/sort-testing.module.js +0 -17
- package/esm2015/testing/sort/sort-testing.module.js.map +0 -1
- package/fesm2015/skyux-lists-testing.js.map +0 -1
- package/fesm2015/skyux-lists.js +0 -1685
- package/fesm2015/skyux-lists.js.map +0 -1
|
@@ -1 +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,EAIL,MAAM,GAEP,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,GAAG,CAAC,CAAC;AAQzB,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 OnChanges,\n OnDestroy,\n OnInit,\n Output,\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 = 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"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@skyux/theme";
|
|
4
|
-
import * as i2 from "@skyux/i18n";
|
|
5
|
-
export class SkySortMenuHeadingComponent {
|
|
6
|
-
}
|
|
7
|
-
SkySortMenuHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortMenuHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
SkySortMenuHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;transition:background-color .15s;padding:3px 20px;text-align:left;width:100%}:host-context(.sky-theme-modern) .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}.sky-theme-modern .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe } });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortMenuHeadingComponent, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{
|
|
12
|
-
selector: 'sky-sort-menu-heading',
|
|
13
|
-
templateUrl: './sort-menu-heading.component.html',
|
|
14
|
-
styleUrls: ['./sort-menu-heading.component.scss'],
|
|
15
|
-
}]
|
|
16
|
-
}] });
|
|
17
|
-
//# sourceMappingURL=sort-menu-heading.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort-menu-heading.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/sort/sort-menu-heading.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/sort/sort-menu-heading.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;AAO1C,MAAM,OAAO,2BAA2B;;yHAA3B,2BAA2B;6GAA3B,2BAA2B,6DCPxC,uNASA;4FDFa,2BAA2B;kBALvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,WAAW,EAAE,oCAAoC;oBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;iBAClD","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'sky-sort-menu-heading',\n templateUrl: './sort-menu-heading.component.html',\n styleUrls: ['./sort-menu-heading.component.scss'],\n})\nexport class SkySortMenuHeadingComponent {}\n","<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n"]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
2
|
-
import { SkyDropdownMessageType } from '@skyux/popovers';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { SkySortService } from './sort.service';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@skyux/popovers";
|
|
7
|
-
import * as i2 from "@skyux/indicators";
|
|
8
|
-
import * as i3 from "./sort-menu-heading.component";
|
|
9
|
-
import * as i4 from "@skyux/theme";
|
|
10
|
-
import * as i5 from "@angular/common";
|
|
11
|
-
import * as i6 from "@skyux/core";
|
|
12
|
-
import * as i7 from "@skyux/i18n";
|
|
13
|
-
export class SkySortComponent {
|
|
14
|
-
constructor() {
|
|
15
|
-
/**
|
|
16
|
-
* Indicates whether to display a "Sort" label beside the icon on the sort button.
|
|
17
|
-
*/
|
|
18
|
-
this.showButtonText = false;
|
|
19
|
-
this.dropdownController = new Subject();
|
|
20
|
-
}
|
|
21
|
-
dropdownClicked() {
|
|
22
|
-
this.dropdownController.next({
|
|
23
|
-
type: SkyDropdownMessageType.Close,
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
SkySortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
SkySortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySortComponent, selector: "sky-sort", inputs: { showButtonText: "showButtonText" }, providers: [SkySortService], ngImport: i0, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"'skyux_sort_button_label' | skyLibResources\"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"sort\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"sort\" iconType=\"skyux\"></sky-icon>\n <span *ngIf=\"showButtonText\" class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading\n skyId\n #sortMenuHeading=\"skyId\"\n ></sky-sort-menu-heading>\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n <ng-content></ng-content>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n", styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i1.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i1.λ2, selector: "sky-dropdown-button" }, { type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i1.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i3.SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }], directives: [{ type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.λ2, selector: "[skyId]", exportAs: ["skyId"] }], pipes: { "skyLibResources": i7.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortComponent, decorators: [{
|
|
30
|
-
type: Component,
|
|
31
|
-
args: [{
|
|
32
|
-
selector: 'sky-sort',
|
|
33
|
-
styleUrls: ['./sort.component.scss'],
|
|
34
|
-
templateUrl: './sort.component.html',
|
|
35
|
-
providers: [SkySortService],
|
|
36
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
|
-
}]
|
|
38
|
-
}], propDecorators: { showButtonText: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}] } });
|
|
41
|
-
//# sourceMappingURL=sort.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/sort/sort.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/sort/sort.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,GAEN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAsB,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;AAShD,MAAM,OAAO,gBAAgB;IAP7B;QAQE;;WAEG;QAEI,mBAAc,GAAG,KAAK,CAAC;QAEvB,uBAAkB,GAAG,IAAI,OAAO,EAAsB,CAAC;KAO/D;IALQ,eAAe;QACpB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;YAC3B,IAAI,EAAE,sBAAsB,CAAC,KAAK;SACnC,CAAC,CAAC;IACL,CAAC;;8GAbU,gBAAgB;kGAAhB,gBAAgB,iFAHhB,CAAC,cAAc,CAAC,0BChB7B,u/BA4BA;4FDTa,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,cAAc,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,cAAc;sBADpB,KAAK","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n OnInit,\n} from '@angular/core';\nimport { SkyDropdownMessage, SkyDropdownMessageType } from '@skyux/popovers';\n\nimport { Subject } from 'rxjs';\n\nimport { SkySortService } from './sort.service';\n\n@Component({\n selector: 'sky-sort',\n styleUrls: ['./sort.component.scss'],\n templateUrl: './sort.component.html',\n providers: [SkySortService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySortComponent {\n /**\n * Indicates whether to display a \"Sort\" label beside the icon on the sort button.\n */\n @Input()\n public showButtonText = false;\n\n public dropdownController = new Subject<SkyDropdownMessage>();\n\n public dropdownClicked(): void {\n this.dropdownController.next({\n type: SkyDropdownMessageType.Close,\n });\n }\n}\n","<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"'skyux_sort_button_label' | skyLibResources\"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"sort\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"sort\" iconType=\"skyux\"></sky-icon>\n <span *ngIf=\"showButtonText\" class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading\n skyId\n #sortMenuHeading=\"skyId\"\n ></sky-sort-menu-heading>\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n <ng-content></ng-content>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n"]}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SkyIdModule } from '@skyux/core';
|
|
4
|
-
import { SkyIconModule } from '@skyux/indicators';
|
|
5
|
-
import { SkyDropdownModule } from '@skyux/popovers';
|
|
6
|
-
import { SkyThemeModule } from '@skyux/theme';
|
|
7
|
-
import { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';
|
|
8
|
-
import { SkySortItemComponent } from './sort-item.component';
|
|
9
|
-
import { SkySortMenuHeadingComponent } from './sort-menu-heading.component';
|
|
10
|
-
import { SkySortComponent } from './sort.component';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
export class SkySortModule {
|
|
13
|
-
}
|
|
14
|
-
SkySortModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
-
SkySortModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortModule, declarations: [SkySortComponent,
|
|
16
|
-
SkySortItemComponent,
|
|
17
|
-
SkySortMenuHeadingComponent], imports: [CommonModule,
|
|
18
|
-
SkyDropdownModule,
|
|
19
|
-
SkyIconModule,
|
|
20
|
-
SkyIdModule,
|
|
21
|
-
SkyListsResourcesModule,
|
|
22
|
-
SkyThemeModule], exports: [SkySortComponent, SkySortItemComponent] });
|
|
23
|
-
SkySortModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortModule, imports: [[
|
|
24
|
-
CommonModule,
|
|
25
|
-
SkyDropdownModule,
|
|
26
|
-
SkyIconModule,
|
|
27
|
-
SkyIdModule,
|
|
28
|
-
SkyListsResourcesModule,
|
|
29
|
-
SkyThemeModule,
|
|
30
|
-
]] });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortModule, decorators: [{
|
|
32
|
-
type: NgModule,
|
|
33
|
-
args: [{
|
|
34
|
-
declarations: [
|
|
35
|
-
SkySortComponent,
|
|
36
|
-
SkySortItemComponent,
|
|
37
|
-
SkySortMenuHeadingComponent,
|
|
38
|
-
],
|
|
39
|
-
imports: [
|
|
40
|
-
CommonModule,
|
|
41
|
-
SkyDropdownModule,
|
|
42
|
-
SkyIconModule,
|
|
43
|
-
SkyIdModule,
|
|
44
|
-
SkyListsResourcesModule,
|
|
45
|
-
SkyThemeModule,
|
|
46
|
-
],
|
|
47
|
-
exports: [SkySortComponent, SkySortItemComponent],
|
|
48
|
-
}]
|
|
49
|
-
}] });
|
|
50
|
-
//# sourceMappingURL=sort.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/sort/sort.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAkBpD,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBAdtB,gBAAgB;QAChB,oBAAoB;QACpB,2BAA2B,aAG3B,YAAY;QACZ,iBAAiB;QACjB,aAAa;QACb,WAAW;QACX,uBAAuB;QACvB,cAAc,aAEN,gBAAgB,EAAE,oBAAoB;4GAErC,aAAa,YAVf;YACP,YAAY;YACZ,iBAAiB;YACjB,aAAa;YACb,WAAW;YACX,uBAAuB;YACvB,cAAc;SACf;4FAGU,aAAa;kBAhBzB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,oBAAoB;wBACpB,2BAA2B;qBAC5B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,aAAa;wBACb,WAAW;wBACX,uBAAuB;wBACvB,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;iBAClD","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyDropdownModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';\n\nimport { SkySortItemComponent } from './sort-item.component';\nimport { SkySortMenuHeadingComponent } from './sort-menu-heading.component';\nimport { SkySortComponent } from './sort.component';\n\n@NgModule({\n declarations: [\n SkySortComponent,\n SkySortItemComponent,\n SkySortMenuHeadingComponent,\n ],\n imports: [\n CommonModule,\n SkyDropdownModule,\n SkyIconModule,\n SkyIdModule,\n SkyListsResourcesModule,\n SkyThemeModule,\n ],\n exports: [SkySortComponent, SkySortItemComponent],\n})\nexport class SkySortModule {}\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export class SkySortService {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.selectedItem = new BehaviorSubject('');
|
|
10
|
-
}
|
|
11
|
-
selectItem(sortItem) {
|
|
12
|
-
this.selectedItem.next(sortItem);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
SkySortService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
16
|
-
SkySortService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortService });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySortService, decorators: [{
|
|
18
|
-
type: Injectable
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=sort.service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/sort/sort.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;;AAEvC;;GAEG;AAEH,MAAM,OAAO,cAAc;IAD3B;QAES,iBAAY,GAA4B,IAAI,eAAe,CAAC,EAAE,CAAC,CAAC;KAKxE;IAHQ,UAAU,CAAC,QAAgB;QAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;;4GALU,cAAc;gHAAd,cAAc;4FAAd,cAAc;kBAD1B,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySortService {\n public selectedItem: BehaviorSubject<string> = new BehaviorSubject('');\n\n public selectItem(sortItem: string) {\n this.selectedItem.next(sortItem);\n }\n}\n"]}
|
package/esm2015/skyux-lists.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-lists.js","sourceRoot":"","sources":["../../../../../libs/components/lists/src/skyux-lists.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from "tslib";
|
|
2
|
-
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
3
|
-
/**
|
|
4
|
-
* Provides information for and interaction with a SKY UX filter button component.
|
|
5
|
-
* By using the fixture API, a test insulates itself against updates to the internals
|
|
6
|
-
* of a component, such as changing its DOM structure.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyFilterFixtureButton {
|
|
9
|
-
constructor(fixture, skyTestId) {
|
|
10
|
-
this.fixture = fixture;
|
|
11
|
-
this.debugElement = SkyAppTestUtility.getDebugElementByTestId(this.fixture, skyTestId, 'sky-filter-button');
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Click the button to apply the filter.
|
|
15
|
-
*/
|
|
16
|
-
clickFilterButton() {
|
|
17
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
18
|
-
const button = this.getButtonElement();
|
|
19
|
-
if (button instanceof HTMLButtonElement && !button.disabled) {
|
|
20
|
-
button.click();
|
|
21
|
-
}
|
|
22
|
-
this.fixture.detectChanges();
|
|
23
|
-
return this.fixture.whenStable();
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
get button() {
|
|
27
|
-
const buttonElement = this.getButtonElement();
|
|
28
|
-
return {
|
|
29
|
-
ariaControls: buttonElement.getAttribute('aria-controls'),
|
|
30
|
-
ariaExpanded: buttonElement.getAttribute('aria-expanded') === 'true',
|
|
31
|
-
disabled: buttonElement.disabled,
|
|
32
|
-
id: buttonElement.id,
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Get the button text.
|
|
37
|
-
*/
|
|
38
|
-
get buttonText() {
|
|
39
|
-
var _a;
|
|
40
|
-
const text = (_a = this.getButtonElement()) === null || _a === void 0 ? void 0 : _a.innerText;
|
|
41
|
-
return this.normalizeText(text);
|
|
42
|
-
}
|
|
43
|
-
getButtonElement() {
|
|
44
|
-
return this.debugElement.nativeElement.querySelector('.sky-filter-btn');
|
|
45
|
-
}
|
|
46
|
-
normalizeText(text) {
|
|
47
|
-
return text.trim().replace(/\s+/g, ' ');
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
//# sourceMappingURL=filter-fixture-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-fixture-button.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/filter/filter-fixture-button.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAIvD;;;;GAIG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAoB,OAA8B,EAAE,SAAiB;QAAjD,YAAO,GAAP,OAAO,CAAuB;QAChD,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,uBAAuB,CAC3D,IAAI,CAAC,OAAO,EACZ,SAAS,EACT,mBAAmB,CACpB,CAAC;IACJ,CAAC;IAED;;OAEG;IACU,iBAAiB;;YAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACvC,IAAI,MAAM,YAAY,iBAAiB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC3D,MAAM,CAAC,KAAK,EAAE,CAAC;aAChB;YACD,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACnC,CAAC;KAAA;IAED,IAAW,MAAM;QACf,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9C,OAAO;YACL,YAAY,EAAE,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC;YACzD,YAAY,EAAE,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;YACpE,QAAQ,EAAE,aAAa,CAAC,QAAQ;YAChC,EAAE,EAAE,aAAa,CAAC,EAAE;SACrB,CAAC;IACJ,CAAC;IACD;;OAEG;IACH,IAAW,UAAU;;QACnB,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,gBAAgB,EAAE,0CAAE,SAAS,CAAC;QAChD,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1E,CAAC;IAEO,aAAa,CAAC,IAAY;QAChC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,CAAC;CACF","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkyListsFilterFixtureButton } from './lists-filter-fixture-button';\n\n/**\n * Provides information for and interaction with a SKY UX filter button component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyFilterFixtureButton {\n private debugElement: DebugElement;\n\n constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugElement = SkyAppTestUtility.getDebugElementByTestId(\n this.fixture,\n skyTestId,\n 'sky-filter-button'\n );\n }\n\n /**\n * Click the button to apply the filter.\n */\n public async clickFilterButton(): Promise<any> {\n const button = this.getButtonElement();\n if (button instanceof HTMLButtonElement && !button.disabled) {\n button.click();\n }\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n public get button(): SkyListsFilterFixtureButton {\n const buttonElement = this.getButtonElement();\n return {\n ariaControls: buttonElement.getAttribute('aria-controls'),\n ariaExpanded: buttonElement.getAttribute('aria-expanded') === 'true',\n disabled: buttonElement.disabled,\n id: buttonElement.id,\n };\n }\n /**\n * Get the button text.\n */\n public get buttonText(): string {\n const text = this.getButtonElement()?.innerText;\n return this.normalizeText(text);\n }\n\n private getButtonElement(): HTMLButtonElement | null {\n return this.debugElement.nativeElement.querySelector('.sky-filter-btn');\n }\n\n private normalizeText(text: string): string {\n return text.trim().replace(/\\s+/g, ' ');\n }\n}\n"]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from "tslib";
|
|
2
|
-
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
3
|
-
/**
|
|
4
|
-
* Provides information for and interaction with a SKY UX filter summary component.
|
|
5
|
-
* By using the fixture API, a test insulates itself against updates to the internals
|
|
6
|
-
* of a component, such as changing its DOM structure.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyFilterFixtureSummary {
|
|
9
|
-
constructor(fixture, skyTestId) {
|
|
10
|
-
this.fixture = fixture;
|
|
11
|
-
this.debugElement = SkyAppTestUtility.getDebugElementByTestId(this.fixture, skyTestId, 'sky-filter-summary');
|
|
12
|
-
}
|
|
13
|
-
filterCloseClick(index) {
|
|
14
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
15
|
-
const summaryItems = this.debugElement.nativeElement.querySelectorAll('sky-filter-summary-item');
|
|
16
|
-
if (summaryItems.length > index) {
|
|
17
|
-
const summaryItem = summaryItems[index];
|
|
18
|
-
if (summaryItem instanceof HTMLElement) {
|
|
19
|
-
const closeButton = summaryItem.querySelector('.sky-token-btn-close');
|
|
20
|
-
if (closeButton instanceof HTMLElement) {
|
|
21
|
-
closeButton.click();
|
|
22
|
-
this.fixture.detectChanges();
|
|
23
|
-
return this.fixture.whenStable();
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
throw new Error(`Unable to click close for a filter index ${index}`);
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=filter-fixture-summary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-fixture-summary.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/filter/filter-fixture-summary.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,OAAO,uBAAuB;IAGlC,YAAoB,OAA8B,EAAE,SAAiB;QAAjD,YAAO,GAAP,OAAO,CAAuB;QAChD,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,uBAAuB,CAC3D,IAAI,CAAC,OAAO,EACZ,SAAS,EACT,oBAAoB,CACrB,CAAC;IACJ,CAAC;IAEY,gBAAgB,CAAC,KAAa;;YACzC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,gBAAgB,CACnE,yBAAyB,CAC1B,CAAC;YACF,IAAI,YAAY,CAAC,MAAM,GAAG,KAAK,EAAE;gBAC/B,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;gBACxC,IAAI,WAAW,YAAY,WAAW,EAAE;oBACtC,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;oBACtE,IAAI,WAAW,YAAY,WAAW,EAAE;wBACtC,WAAW,CAAC,KAAK,EAAE,CAAC;wBACpB,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;wBAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;qBAClC;iBACF;aACF;YACD,MAAM,IAAI,KAAK,CAAC,4CAA4C,KAAK,EAAE,CAAC,CAAC;QACvE,CAAC;KAAA;CACF","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Provides information for and interaction with a SKY UX filter summary component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyFilterFixtureSummary {\n private debugElement: DebugElement;\n\n constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugElement = SkyAppTestUtility.getDebugElementByTestId(\n this.fixture,\n skyTestId,\n 'sky-filter-summary'\n );\n }\n\n public async filterCloseClick(index: number): Promise<any> {\n const summaryItems = this.debugElement.nativeElement.querySelectorAll(\n 'sky-filter-summary-item'\n );\n if (summaryItems.length > index) {\n const summaryItem = summaryItems[index];\n if (summaryItem instanceof HTMLElement) {\n const closeButton = summaryItem.querySelector('.sky-token-btn-close');\n if (closeButton instanceof HTMLElement) {\n closeButton.click();\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n }\n }\n throw new Error(`Unable to click close for a filter index ${index}`);\n }\n}\n"]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { SkyFilterModule } from '@skyux/lists';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SkyFilterTestingModule {
|
|
5
|
-
}
|
|
6
|
-
SkyFilterTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
-
SkyFilterTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterTestingModule, exports: [SkyFilterModule] });
|
|
8
|
-
SkyFilterTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterTestingModule, imports: [SkyFilterModule] });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterTestingModule, decorators: [{
|
|
10
|
-
type: NgModule,
|
|
11
|
-
args: [{
|
|
12
|
-
exports: [SkyFilterModule],
|
|
13
|
-
}]
|
|
14
|
-
}] });
|
|
15
|
-
//# sourceMappingURL=filter-testing.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-testing.module.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/filter/filter-testing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAK/C,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,YAFvB,eAAe;qHAEd,sBAAsB,YAFvB,eAAe;4FAEd,sBAAsB;kBAHlC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;iBAC3B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { SkyFilterModule } from '@skyux/lists';\n\n@NgModule({\n exports: [SkyFilterModule],\n})\nexport class SkyFilterTestingModule {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lists-filter-fixture-button.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/filter/lists-filter-fixture-button.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyListsFilterFixtureButton = {\n ariaControls: string;\n ariaExpanded: boolean;\n disabled: boolean;\n id: string;\n};\n"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from "tslib";
|
|
2
|
-
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
3
|
-
/**
|
|
4
|
-
* Provides information for and interaction with a SKY UX infinite scroll component.
|
|
5
|
-
* By using the fixture API, a test insulates itself against updates to the internals
|
|
6
|
-
* of a component, such as changing its DOM structure.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyInfiniteScrollFixture {
|
|
9
|
-
constructor(fixture, skyTestId) {
|
|
10
|
-
this.fixture = fixture;
|
|
11
|
-
this.debugElement = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-infinite-scroll');
|
|
12
|
-
}
|
|
13
|
-
get loadMoreButtonIsVisible() {
|
|
14
|
-
return this.getButton() instanceof HTMLButtonElement;
|
|
15
|
-
}
|
|
16
|
-
clickLoadMoreButton() {
|
|
17
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
18
|
-
const button = this.getButton();
|
|
19
|
-
if (button instanceof HTMLButtonElement) {
|
|
20
|
-
button.click();
|
|
21
|
-
}
|
|
22
|
-
this.fixture.detectChanges();
|
|
23
|
-
return this.fixture.whenStable();
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
getButton() {
|
|
27
|
-
return this.debugElement.nativeElement.querySelector('.sky-infinite-scroll .sky-btn');
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=infinite-scroll-fixture.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"infinite-scroll-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/infinite-scroll/infinite-scroll-fixture.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,OAAO,wBAAwB;IAGnC,YAAoB,OAA8B,EAAE,SAAiB;QAAjD,YAAO,GAAP,OAAO,CAAuB;QAChD,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,uBAAuB,CAC3D,OAAO,EACP,SAAS,EACT,qBAAqB,CACtB,CAAC;IACJ,CAAC;IAED,IAAW,uBAAuB;QAChC,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,iBAAiB,CAAC;IACvD,CAAC;IAEY,mBAAmB;;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAChC,IAAI,MAAM,YAAY,iBAAiB,EAAE;gBACvC,MAAM,CAAC,KAAK,EAAE,CAAC;aAChB;YACD,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACnC,CAAC;KAAA;IAEO,SAAS;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,aAAa,CAClD,+BAA+B,CAChC,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Provides information for and interaction with a SKY UX infinite scroll component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyInfiniteScrollFixture {\n private debugElement: DebugElement;\n\n constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugElement = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-infinite-scroll'\n );\n }\n\n public get loadMoreButtonIsVisible(): boolean {\n return this.getButton() instanceof HTMLButtonElement;\n }\n\n public async clickLoadMoreButton(): Promise<any> {\n const button = this.getButton();\n if (button instanceof HTMLButtonElement) {\n button.click();\n }\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n private getButton() {\n return this.debugElement.nativeElement.querySelector(\n '.sky-infinite-scroll .sky-btn'\n );\n }\n}\n"]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { SkyInfiniteScrollModule } from '@skyux/lists';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SkyInfiniteScrollTestingModule {
|
|
5
|
-
}
|
|
6
|
-
SkyInfiniteScrollTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
-
SkyInfiniteScrollTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollTestingModule, exports: [SkyInfiniteScrollModule] });
|
|
8
|
-
SkyInfiniteScrollTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollTestingModule, imports: [SkyInfiniteScrollModule] });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollTestingModule, decorators: [{
|
|
10
|
-
type: NgModule,
|
|
11
|
-
args: [{
|
|
12
|
-
exports: [SkyInfiniteScrollModule],
|
|
13
|
-
}]
|
|
14
|
-
}] });
|
|
15
|
-
//# sourceMappingURL=infinite-scroll-testing.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"infinite-scroll-testing.module.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/infinite-scroll/infinite-scroll-testing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;;AAKvD,MAAM,OAAO,8BAA8B;;4HAA9B,8BAA8B;6HAA9B,8BAA8B,YAF/B,uBAAuB;6HAEtB,8BAA8B,YAF/B,uBAAuB;4FAEtB,8BAA8B;kBAH1C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,uBAAuB,CAAC;iBACnC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { SkyInfiniteScrollModule } from '@skyux/lists';\n\n@NgModule({\n exports: [SkyInfiniteScrollModule],\n})\nexport class SkyInfiniteScrollTestingModule {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"paging-fixture-button.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/paging/paging-fixture-button.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkyPagingFixtureButton {\n id: string;\n isActive: boolean;\n isEnabled: boolean;\n}\n"]}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from "tslib";
|
|
2
|
-
import { By } from '@angular/platform-browser';
|
|
3
|
-
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
4
|
-
/**
|
|
5
|
-
* Provides information for and interaction with a SKY UX paging component.
|
|
6
|
-
* By using the fixture API, a test insulates itself against updates to the internals
|
|
7
|
-
* of a component, such as changing its DOM structure.
|
|
8
|
-
*/
|
|
9
|
-
export class SkyPagingFixture {
|
|
10
|
-
constructor(fixture, skyTestId) {
|
|
11
|
-
this.fixture = fixture;
|
|
12
|
-
this._debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-paging');
|
|
13
|
-
this.waitForComponentInitialization();
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* The id of the active page, if available.
|
|
17
|
-
*/
|
|
18
|
-
get activePageId() {
|
|
19
|
-
return this.getPageId(this.activePageButton);
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Properties of the page links displayed in the paging component.
|
|
23
|
-
*/
|
|
24
|
-
get pageLinks() {
|
|
25
|
-
return this.pagingLinks.map((page) => {
|
|
26
|
-
return {
|
|
27
|
-
id: this.getPageId(page.nativeElement),
|
|
28
|
-
isActive: page.nativeElement.classList.contains('sky-paging-current'),
|
|
29
|
-
isEnabled: !page.nativeElement.disabled,
|
|
30
|
-
};
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Selects the specified page by id, if it is enabled.
|
|
35
|
-
*/
|
|
36
|
-
selectPage(id) {
|
|
37
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
38
|
-
const pageButton = this.getPageLink(id.toString());
|
|
39
|
-
if (pageButton !== undefined && !pageButton.disabled) {
|
|
40
|
-
pageButton.click();
|
|
41
|
-
this.fixture.detectChanges();
|
|
42
|
-
return this.fixture.whenStable();
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Clicks the next page button, if it is enabled.
|
|
48
|
-
*/
|
|
49
|
-
selectNextPage() {
|
|
50
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
51
|
-
const nextButton = this.nextPageButton;
|
|
52
|
-
if (nextButton !== undefined && !nextButton.disabled) {
|
|
53
|
-
nextButton.click();
|
|
54
|
-
this.fixture.detectChanges();
|
|
55
|
-
return this.fixture.whenStable();
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Clicks the previous page button, if it is enabled.
|
|
61
|
-
*/
|
|
62
|
-
selectPreviousPage() {
|
|
63
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
64
|
-
const previousButton = this.previousPageButton;
|
|
65
|
-
if (previousButton !== undefined && !previousButton.disabled) {
|
|
66
|
-
previousButton.click();
|
|
67
|
-
this.fixture.detectChanges();
|
|
68
|
-
return this.fixture.whenStable();
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
//#region helpers
|
|
73
|
-
get activePageButton() {
|
|
74
|
-
var _a;
|
|
75
|
-
return (_a = this._debugEl.query(By.css('.sky-list-paging-link .sky-paging-current'))) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
76
|
-
}
|
|
77
|
-
get nextPageButton() {
|
|
78
|
-
var _a;
|
|
79
|
-
return (_a = this._debugEl.query(By.css('.sky-paging-btn[sky-cmp-id="next"]'))) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
80
|
-
}
|
|
81
|
-
get previousPageButton() {
|
|
82
|
-
var _a;
|
|
83
|
-
return (_a = this._debugEl.query(By.css('.sky-paging-btn[sky-cmp-id="previous"]'))) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
84
|
-
}
|
|
85
|
-
get pagingLinks() {
|
|
86
|
-
return this._debugEl.queryAll(By.css('.sky-list-paging-link button'));
|
|
87
|
-
}
|
|
88
|
-
getPageLink(id) {
|
|
89
|
-
var _a;
|
|
90
|
-
return (_a = this._debugEl.query(By.css(`.sky-list-paging-link button[sky-cmp-id="${id}"]`))) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
91
|
-
}
|
|
92
|
-
getPageId(page) {
|
|
93
|
-
return page === null || page === void 0 ? void 0 : page.getAttribute('sky-cmp-id');
|
|
94
|
-
}
|
|
95
|
-
waitForComponentInitialization() {
|
|
96
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
97
|
-
this.fixture.detectChanges();
|
|
98
|
-
yield this.fixture.whenStable();
|
|
99
|
-
this.fixture.detectChanges();
|
|
100
|
-
return this.fixture.whenStable();
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
//# sourceMappingURL=paging-fixture.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"paging-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/paging/paging-fixture.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAIvD;;;;GAIG;AACH,MAAM,OAAO,gBAAgB;IAuB3B,YAAoB,OAA8B,EAAE,SAAiB;QAAjD,YAAO,GAAP,OAAO,CAAuB;QAChD,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,uBAAuB,CACvD,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;QAEF,IAAI,CAAC,8BAA8B,EAAE,CAAC;IACxC,CAAC;IA5BD;;OAEG;IACH,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAkB,EAAE,EAAE;YACjD,OAAO;gBACL,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;gBACtC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC;gBACrE,SAAS,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ;aACxC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAYD;;OAEG;IACU,UAAU,CAAC,EAAmB;;YACzC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;YAEnD,IAAI,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;gBACpD,UAAU,CAAC,KAAK,EAAE,CAAC;gBAEnB,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;aAClC;QACH,CAAC;KAAA;IAED;;OAEG;IACU,cAAc;;YACzB,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC;YAEvC,IAAI,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;gBACpD,UAAU,CAAC,KAAK,EAAE,CAAC;gBAEnB,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;aAClC;QACH,CAAC;KAAA;IAED;;OAEG;IACU,kBAAkB;;YAC7B,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC;YAE/C,IAAI,cAAc,KAAK,SAAS,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE;gBAC5D,cAAc,CAAC,KAAK,EAAE,CAAC;gBAEvB,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;aAClC;QACH,CAAC;KAAA;IAED,iBAAiB;IAEjB,IAAY,gBAAgB;;QAC1B,OAAO,MAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CACxB,EAAE,CAAC,GAAG,CAAC,2CAA2C,CAAC,CACpD,0CAAE,aAAkC,CAAC;IACxC,CAAC;IAED,IAAY,cAAc;;QACxB,OAAO,MAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC,0CACpE,aAAkC,CAAC;IACzC,CAAC;IAED,IAAY,kBAAkB;;QAC5B,OAAO,MAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC,0CACxE,aAAkC,CAAC;IACzC,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC,CAAC;IACxE,CAAC;IAEO,WAAW,CAAC,EAAU;;QAC5B,OAAO,MAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CACxB,EAAE,CAAC,GAAG,CAAC,4CAA4C,EAAE,IAAI,CAAC,CAC3D,0CAAE,aAAkC,CAAC;IACxC,CAAC;IAEO,SAAS,CAAC,IAAuB;QACvC,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAEa,8BAA8B;;YAC1C,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YAEhC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACnC,CAAC;KAAA;CAGF","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkyPagingFixtureButton } from './paging-fixture-button';\n\n/**\n * Provides information for and interaction with a SKY UX paging component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPagingFixture {\n private _debugEl: DebugElement;\n\n /**\n * The id of the active page, if available.\n */\n public get activePageId(): string {\n return this.getPageId(this.activePageButton);\n }\n\n /**\n * Properties of the page links displayed in the paging component.\n */\n public get pageLinks(): SkyPagingFixtureButton[] {\n return this.pagingLinks.map((page: DebugElement) => {\n return {\n id: this.getPageId(page.nativeElement),\n isActive: page.nativeElement.classList.contains('sky-paging-current'),\n isEnabled: !page.nativeElement.disabled,\n };\n });\n }\n\n constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n this._debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-paging'\n );\n\n this.waitForComponentInitialization();\n }\n\n /**\n * Selects the specified page by id, if it is enabled.\n */\n public async selectPage(id: string | number): Promise<void> {\n const pageButton = this.getPageLink(id.toString());\n\n if (pageButton !== undefined && !pageButton.disabled) {\n pageButton.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n }\n\n /**\n * Clicks the next page button, if it is enabled.\n */\n public async selectNextPage(): Promise<void> {\n const nextButton = this.nextPageButton;\n\n if (nextButton !== undefined && !nextButton.disabled) {\n nextButton.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n }\n\n /**\n * Clicks the previous page button, if it is enabled.\n */\n public async selectPreviousPage(): Promise<void> {\n const previousButton = this.previousPageButton;\n\n if (previousButton !== undefined && !previousButton.disabled) {\n previousButton.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n }\n\n //#region helpers\n\n private get activePageButton(): HTMLButtonElement {\n return this._debugEl.query(\n By.css('.sky-list-paging-link .sky-paging-current')\n )?.nativeElement as HTMLButtonElement;\n }\n\n private get nextPageButton(): HTMLButtonElement {\n return this._debugEl.query(By.css('.sky-paging-btn[sky-cmp-id=\"next\"]'))\n ?.nativeElement as HTMLButtonElement;\n }\n\n private get previousPageButton(): HTMLButtonElement {\n return this._debugEl.query(By.css('.sky-paging-btn[sky-cmp-id=\"previous\"]'))\n ?.nativeElement as HTMLButtonElement;\n }\n\n private get pagingLinks(): DebugElement[] {\n return this._debugEl.queryAll(By.css('.sky-list-paging-link button'));\n }\n\n private getPageLink(id: string): HTMLButtonElement {\n return this._debugEl.query(\n By.css(`.sky-list-paging-link button[sky-cmp-id=\"${id}\"]`)\n )?.nativeElement as HTMLButtonElement;\n }\n\n private getPageId(page: HTMLButtonElement): string {\n return page?.getAttribute('sky-cmp-id');\n }\n\n private async waitForComponentInitialization(): Promise<void> {\n this.fixture.detectChanges();\n await this.fixture.whenStable();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n //#endregion\n}\n"]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { SkyPagingModule } from '@skyux/lists';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SkyPagingTestingModule {
|
|
5
|
-
}
|
|
6
|
-
SkyPagingTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
-
SkyPagingTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingTestingModule, exports: [SkyPagingModule] });
|
|
8
|
-
SkyPagingTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingTestingModule, imports: [SkyPagingModule] });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagingTestingModule, decorators: [{
|
|
10
|
-
type: NgModule,
|
|
11
|
-
args: [{
|
|
12
|
-
exports: [SkyPagingModule],
|
|
13
|
-
}]
|
|
14
|
-
}] });
|
|
15
|
-
//# sourceMappingURL=paging-testing.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"paging-testing.module.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/paging/paging-testing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAK/C,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,YAFvB,eAAe;qHAEd,sBAAsB,YAFvB,eAAe;4FAEd,sBAAsB;kBAHlC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;iBAC3B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { SkyPagingModule } from '@skyux/lists';\n\n@NgModule({\n exports: [SkyPagingModule],\n})\nexport class SkyPagingTestingModule {}\n"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export * from './filter/filter-testing.module';
|
|
2
|
-
export * from './filter/filter-fixture-summary';
|
|
3
|
-
export * from './filter/filter-fixture-button';
|
|
4
|
-
export * from './paging/paging-testing.module';
|
|
5
|
-
export * from './paging/paging-fixture';
|
|
6
|
-
export * from './paging/paging-fixture-button';
|
|
7
|
-
export * from './sort/sort-testing.module';
|
|
8
|
-
export * from './sort/sort-fixture';
|
|
9
|
-
export * from './sort/sort-fixture-menu';
|
|
10
|
-
export * from './sort/sort-fixture-menu-item';
|
|
11
|
-
export * from './infinite-scroll/infinite-scroll-testing.module';
|
|
12
|
-
export * from './infinite-scroll/infinite-scroll-fixture';
|
|
13
|
-
//# sourceMappingURL=public-api.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../../../libs/components/lists/testing/src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAE/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAE9C,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './filter/filter-testing.module';\nexport * from './filter/filter-fixture-summary';\nexport * from './filter/filter-fixture-button';\n\nexport * from './paging/paging-testing.module';\nexport * from './paging/paging-fixture';\nexport * from './paging/paging-fixture-button';\n\nexport * from './sort/sort-testing.module';\nexport * from './sort/sort-fixture';\nexport * from './sort/sort-fixture-menu';\nexport * from './sort/sort-fixture-menu-item';\n\nexport * from './infinite-scroll/infinite-scroll-testing.module';\nexport * from './infinite-scroll/infinite-scroll-fixture';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-lists-testing.js","sourceRoot":"","sources":["../../../../../../libs/components/lists/testing/src/skyux-lists-testing.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort-fixture-menu-item.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/sort/sort-fixture-menu-item.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkySortFixtureMenuItem {\n index: number;\n isActive: boolean;\n text: string;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort-fixture-menu.js","sourceRoot":"","sources":["../../../../../../../libs/components/lists/testing/src/sort/sort-fixture-menu.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkySortFixtureMenu {\n buttonText: string;\n isOpen: boolean;\n}\n"]}
|