@skyux/lists 5.7.0 → 6.0.0-beta.1
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/documentation.json +1 -1
- 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 +39 -18
- 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
package/documentation.json
CHANGED
|
@@ -5066,7 +5066,7 @@
|
|
|
5066
5066
|
{
|
|
5067
5067
|
"fileName": "filter-demo.module.ts",
|
|
5068
5068
|
"filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo.module.ts",
|
|
5069
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyFilterModule, SkyRepeaterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { FilterDemoModalComponent } from './filter-demo-modal.component';\nimport { FilterDemoComponent } from './filter-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyIdModule,\n SkyCheckboxModule,\n SkyFilterModule,\n SkyModalModule,\n SkyRepeaterModule,\n SkyToolbarModule,\n ],\n declarations: [FilterDemoComponent, FilterDemoModalComponent],\n
|
|
5069
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyFilterModule, SkyRepeaterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { FilterDemoModalComponent } from './filter-demo-modal.component';\nimport { FilterDemoComponent } from './filter-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyIdModule,\n SkyCheckboxModule,\n SkyFilterModule,\n SkyModalModule,\n SkyRepeaterModule,\n SkyToolbarModule,\n ],\n declarations: [FilterDemoComponent, FilterDemoModalComponent],\n exports: [FilterDemoComponent],\n})\nexport class FilterDemoModule {}\n"
|
|
5070
5070
|
},
|
|
5071
5071
|
{
|
|
5072
5072
|
"fileName": "infinite-scroll-demo.component.html",
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export * from './lib/modules/filter/filter.module';
|
|
2
|
+
export * from './lib/modules/infinite-scroll/infinite-scroll.module';
|
|
3
|
+
export * from './lib/modules/paging/paging.module';
|
|
4
|
+
export * from './lib/modules/repeater/repeater.module';
|
|
5
|
+
export * from './lib/modules/sort/sort.module';
|
|
6
|
+
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
7
|
+
// Obscure names are used to indicate types are not part of the public API.
|
|
8
|
+
export { SkyFilterButtonComponent as λ1 } from './lib/modules/filter/filter-button.component';
|
|
9
|
+
export { SkyFilterInlineComponent as λ2 } from './lib/modules/filter/filter-inline.component';
|
|
10
|
+
export { SkyFilterInlineItemComponent as λ3 } from './lib/modules/filter/filter-inline-item.component';
|
|
11
|
+
export { SkyFilterSummaryItemComponent as λ4 } from './lib/modules/filter/filter-summary-item.component';
|
|
12
|
+
export { SkyFilterSummaryComponent as λ5 } from './lib/modules/filter/filter-summary.component';
|
|
13
|
+
export { SkyInfiniteScrollComponent as λ6 } from './lib/modules/infinite-scroll/infinite-scroll.component';
|
|
14
|
+
export { SkyPagingComponent as λ7 } from './lib/modules/paging/paging.component';
|
|
15
|
+
export { SkyRepeaterItemContentComponent as λ8 } from './lib/modules/repeater/repeater-item-content.component';
|
|
16
|
+
export { SkyRepeaterItemContextMenuComponent as λ9 } from './lib/modules/repeater/repeater-item-context-menu.component';
|
|
17
|
+
export { SkyRepeaterItemComponent as λ10 } from './lib/modules/repeater/repeater-item.component';
|
|
18
|
+
export { SkyRepeaterComponent as λ11 } from './lib/modules/repeater/repeater.component';
|
|
19
|
+
export { SkyRepeaterItemTitleComponent as λ12 } from './lib/modules/repeater/repeater-item-title.component';
|
|
20
|
+
export { SkySortItemComponent as λ13 } from './lib/modules/sort/sort-item.component';
|
|
21
|
+
export { SkySortComponent as λ14 } from './lib/modules/sort/sort.component';
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0NBQW9DLENBQUM7QUFFbkQsY0FBYyxzREFBc0QsQ0FBQztBQUVyRSxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsd0NBQXdDLENBQUM7QUFFdkQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQywwRkFBMEY7QUFDMUYsMkVBQTJFO0FBQzNFLE9BQU8sRUFBRSx3QkFBd0IsSUFBSSxFQUFFLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUM5RixPQUFPLEVBQUUsd0JBQXdCLElBQUksRUFBRSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixJQUFJLEVBQUUsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSw2QkFBNkIsSUFBSSxFQUFFLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUN6RyxPQUFPLEVBQUUseUJBQXlCLElBQUksRUFBRSxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDaEcsT0FBTyxFQUFFLDBCQUEwQixJQUFJLEVBQUUsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzNHLE9BQU8sRUFBRSxrQkFBa0IsSUFBSSxFQUFFLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsK0JBQStCLElBQUksRUFBRSxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDL0csT0FBTyxFQUFFLG1DQUFtQyxJQUFJLEVBQUUsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQ3hILE9BQU8sRUFBRSx3QkFBd0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUsb0JBQW9CLElBQUksR0FBRyxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDeEYsT0FBTyxFQUFFLDZCQUE2QixJQUFJLEdBQUcsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzVHLE9BQU8sRUFBRSxvQkFBb0IsSUFBSSxHQUFHLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRixPQUFPLEVBQUUsZ0JBQWdCLElBQUksR0FBRyxFQUFFLE1BQU0sbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXIubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9pbmZpbml0ZS1zY3JvbGwvaW5maW5pdGUtc2Nyb2xsLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvcGFnaW5nL3BhZ2luZy5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3JlcGVhdGVyL3JlcGVhdGVyLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc29ydC9zb3J0Lm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXIncyBcInBhcnRpYWxcIiBJdnkgY29tcGlsZXIuXG4vLyBPYnNjdXJlIG5hbWVzIGFyZSB1c2VkIHRvIGluZGljYXRlIHR5cGVzIGFyZSBub3QgcGFydCBvZiB0aGUgcHVibGljIEFQSS5cbmV4cG9ydCB7IFNreUZpbHRlckJ1dHRvbkNvbXBvbmVudCBhcyDOuzEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXItYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lGaWx0ZXJJbmxpbmVDb21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9maWx0ZXIvZmlsdGVyLWlubGluZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5RmlsdGVySW5saW5lSXRlbUNvbXBvbmVudCBhcyDOuzMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXItaW5saW5lLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUZpbHRlclN1bW1hcnlJdGVtQ29tcG9uZW50IGFzIM67NCB9IGZyb20gJy4vbGliL21vZHVsZXMvZmlsdGVyL2ZpbHRlci1zdW1tYXJ5LWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUZpbHRlclN1bW1hcnlDb21wb25lbnQgYXMgzrs1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9maWx0ZXIvZmlsdGVyLXN1bW1hcnkuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUluZmluaXRlU2Nyb2xsQ29tcG9uZW50IGFzIM67NiB9IGZyb20gJy4vbGliL21vZHVsZXMvaW5maW5pdGUtc2Nyb2xsL2luZmluaXRlLXNjcm9sbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnaW5nQ29tcG9uZW50IGFzIM67NyB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnaW5nL3BhZ2luZy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UmVwZWF0ZXJJdGVtQ29udGVudENvbXBvbmVudCBhcyDOuzggfSBmcm9tICcuL2xpYi9tb2R1bGVzL3JlcGVhdGVyL3JlcGVhdGVyLWl0ZW0tY29udGVudC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UmVwZWF0ZXJJdGVtQ29udGV4dE1lbnVDb21wb25lbnQgYXMgzrs5IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9yZXBlYXRlci9yZXBlYXRlci1pdGVtLWNvbnRleHQtbWVudS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UmVwZWF0ZXJJdGVtQ29tcG9uZW50IGFzIM67MTAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3JlcGVhdGVyL3JlcGVhdGVyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVJlcGVhdGVyQ29tcG9uZW50IGFzIM67MTEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3JlcGVhdGVyL3JlcGVhdGVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lSZXBlYXRlckl0ZW1UaXRsZUNvbXBvbmVudCBhcyDOuzEyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9yZXBlYXRlci9yZXBlYXRlci1pdGVtLXRpdGxlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lTb3J0SXRlbUNvbXBvbmVudCBhcyDOuzEzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9zb3J0L3NvcnQtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5U29ydENvbXBvbmVudCBhcyDOuzE0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9zb3J0L3NvcnQuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/indicators";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "@skyux/theme";
|
|
6
|
+
import * as i4 from "@skyux/i18n";
|
|
7
|
+
let nextId = 0;
|
|
8
|
+
export class SkyFilterButtonComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Indicates whether to highlight the filter button to indicate that filters were applied.
|
|
12
|
+
* We recommend setting this property to `true` when no indication of filtering is visible
|
|
13
|
+
* to users. For example, set it to `true` if you do not display the filter summary.
|
|
14
|
+
*/
|
|
15
|
+
this.active = false;
|
|
16
|
+
/**
|
|
17
|
+
* Indicates whether to disable the filter button.
|
|
18
|
+
*/
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
/**
|
|
21
|
+
* Indicates whether to display a **Filter** label beside the icon on the filter button.
|
|
22
|
+
*/
|
|
23
|
+
this.showButtonText = false;
|
|
24
|
+
/**
|
|
25
|
+
* Fires when the filter button is selected.
|
|
26
|
+
*/
|
|
27
|
+
this.filterButtonClick = new EventEmitter();
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Specifies an ID for the filter button.
|
|
31
|
+
*/
|
|
32
|
+
get filterButtonId() {
|
|
33
|
+
return this._filterButtonId || `sky-filter-button-${++nextId}`;
|
|
34
|
+
}
|
|
35
|
+
set filterButtonId(value) {
|
|
36
|
+
this._filterButtonId = value;
|
|
37
|
+
}
|
|
38
|
+
filterButtonOnClick() {
|
|
39
|
+
this.filterButtonClick.emit(undefined);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
SkyFilterButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
SkyFilterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyFilterButtonComponent, selector: "sky-filter-button", inputs: { filterButtonId: "filterButtonId", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", active: "active", disabled: "disabled", showButtonText: "showButtonText" }, outputs: { filterButtonClick: "filterButtonClick" }, ngImport: i0, template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"'skyux_filter_button_title' | skyLibResources\"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-theme-modern': 'modern'\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\"> </sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"filter\" iconType=\"skyux\"></sky-icon>\n <span *ngIf=\"showButtonText\" class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}.sky-theme-modern.sky-filter-btn-active,.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px #0974a1;background-color:#c1e8fb;color:#212327;padding:9px 21px}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:focus:hover{border:none;box-shadow:inset 0 0 0 1px #0974a1;text-decoration:none}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:hover,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{color:#212327}.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #0974a1;background-image:none}.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active[disabled],.sky-theme-modern.sky-filter-btn-active[disabled]:hover,.sky-theme-modern.sky-filter-btn-active[disabled]:focus,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active[disabled]:active,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover[disabled],.sky-theme-modern.sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus[disabled],.sky-theme-modern.sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern.sky-filter-btn-active:focus,.sky-theme-modern.sky-filter-btn-active:hover:focus,.sky-theme-modern.sky-filter-btn-active:focus:focus{outline:none}.sky-theme-modern.sky-filter-btn-active:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:hover:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:focus:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #0974a1,0 1px 8px #0000004d}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterButtonComponent, decorators: [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{ selector: 'sky-filter-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"'skyux_filter_button_title' | skyLibResources\"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-theme-modern': 'modern'\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\"> </sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"filter\" iconType=\"skyux\"></sky-icon>\n <span *ngIf=\"showButtonText\" class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}.sky-theme-modern.sky-filter-btn-active,.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px #0974a1;background-color:#c1e8fb;color:#212327;padding:9px 21px}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:focus:hover{border:none;box-shadow:inset 0 0 0 1px #0974a1;text-decoration:none}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:hover,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{color:#212327}.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #0974a1;background-image:none}.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active[disabled],.sky-theme-modern.sky-filter-btn-active[disabled]:hover,.sky-theme-modern.sky-filter-btn-active[disabled]:focus,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active[disabled]:active,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover[disabled],.sky-theme-modern.sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus[disabled],.sky-theme-modern.sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern.sky-filter-btn-active:focus,.sky-theme-modern.sky-filter-btn-active:hover:focus,.sky-theme-modern.sky-filter-btn-active:focus:focus{outline:none}.sky-theme-modern.sky-filter-btn-active:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:hover:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:focus:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #0974a1,0 1px 8px #0000004d}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"] }]
|
|
47
|
+
}], propDecorators: { filterButtonId: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], ariaControls: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], ariaExpanded: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], active: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], disabled: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], showButtonText: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], filterButtonClick: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXItYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvZmlsdGVyL2ZpbHRlci1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUV2QixJQUFJLE1BQU0sR0FBRyxDQUFDLENBQUM7QUFRZixNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBbUNFOzs7O1dBSUc7UUFFSSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRXRCOztXQUVHO1FBRUksYUFBUSxHQUFHLEtBQUssQ0FBQztRQUV4Qjs7V0FFRztRQUVJLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBRTlCOztXQUVHO1FBRUksc0JBQWlCLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7S0FPbEU7SUEzREM7O09BRUc7SUFDSCxJQUNXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsZUFBZSxJQUFJLHFCQUFxQixFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQ2pFLENBQUM7SUFDRCxJQUFXLGNBQWMsQ0FBQyxLQUFhO1FBQ3JDLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUErQ00sbUJBQW1CO1FBQ3hCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDekMsQ0FBQzs7cUhBM0RVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGtTQ2pCckMsbzJCQXdCQTsyRkRQYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBT3BDLGNBQWM7c0JBRHhCLEtBQUs7Z0JBZUMsWUFBWTtzQkFEbEIsS0FBSztnQkFTQyxZQUFZO3NCQURsQixLQUFLO2dCQVNDLE1BQU07c0JBRFosS0FBSztnQkFPQyxRQUFRO3NCQURkLEtBQUs7Z0JBT0MsY0FBYztzQkFEcEIsS0FBSztnQkFPQyxpQkFBaUI7c0JBRHZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZmlsdGVyLWJ1dHRvbicsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RmlsdGVyQnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyBhbiBJRCBmb3IgdGhlIGZpbHRlciBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IGZpbHRlckJ1dHRvbklkKCkge1xuICAgIHJldHVybiB0aGlzLl9maWx0ZXJCdXR0b25JZCB8fCBgc2t5LWZpbHRlci1idXR0b24tJHsrK25leHRJZH1gO1xuICB9XG4gIHB1YmxpYyBzZXQgZmlsdGVyQnV0dG9uSWQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2ZpbHRlckJ1dHRvbklkID0gdmFsdWU7XG4gIH1cblxuICAvKipcbiAgICogU3BlY2lmaWVzIGFuIElEIHRvIGlkZW50aWZ5IHRoZSBlbGVtZW50IHRoYXQgY29udGFpbnNcbiAgICogdGhlIGZpbHRlcmluZyBvcHRpb25zIHRoYXQgdGhlIGZpbHRlciBidXR0b24gZXhwb3Nlcy5cbiAgICogVG8gc3VwcG9ydCBbYWNjZXNzaWJpbGl0eSBydWxlcyBmb3IgZGlzY2xvc3VyZXNdKGh0dHBzOi8vd3d3LnczLm9yZy9UUi93YWktYXJpYS1wcmFjdGljZXMtMS4xLyNkaXNjbG9zdXJlKSxcbiAgICogdGhpcyBwcm9wZXJ0eSBpcyBuZWNlc3Nhcnkgd2hlbiB1c2luZyBpbmxpbmUgZmlsdGVycy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhQ29udHJvbHM6IHN0cmluZztcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGZpbHRlcmluZyBvcHRpb25zIGFyZSBleHBvc2VkLlxuICAgKiBUbyBzdXBwb3J0IFthY2Nlc3NpYmlsaXR5IHJ1bGVzIGZvciBkaXNjbG9zdXJlc10oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLXByYWN0aWNlcy0xLjEvI2Rpc2Nsb3N1cmUpLFxuICAgKiB0aGlzIHByb3BlcnR5IGlzIG5lY2Vzc2FyeSB3aGVuIHVzaW5nIGlubGluZSBmaWx0ZXJzLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFFeHBhbmRlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdG8gaGlnaGxpZ2h0IHRoZSBmaWx0ZXIgYnV0dG9uIHRvIGluZGljYXRlIHRoYXQgZmlsdGVycyB3ZXJlIGFwcGxpZWQuXG4gICAqIFdlIHJlY29tbWVuZCBzZXR0aW5nIHRoaXMgcHJvcGVydHkgdG8gYHRydWVgIHdoZW4gbm8gaW5kaWNhdGlvbiBvZiBmaWx0ZXJpbmcgaXMgdmlzaWJsZVxuICAgKiB0byB1c2Vycy4gRm9yIGV4YW1wbGUsIHNldCBpdCB0byBgdHJ1ZWAgaWYgeW91IGRvIG5vdCBkaXNwbGF5IHRoZSBmaWx0ZXIgc3VtbWFyeS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3RpdmUgPSBmYWxzZTtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdG8gZGlzYWJsZSB0aGUgZmlsdGVyIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0byBkaXNwbGF5IGEgKipGaWx0ZXIqKiBsYWJlbCBiZXNpZGUgdGhlIGljb24gb24gdGhlIGZpbHRlciBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0J1dHRvblRleHQgPSBmYWxzZTtcblxuICAvKipcbiAgICogRmlyZXMgd2hlbiB0aGUgZmlsdGVyIGJ1dHRvbiBpcyBzZWxlY3RlZC5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZmlsdGVyQnV0dG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHByaXZhdGUgX2ZpbHRlckJ1dHRvbklkOiBzdHJpbmc7XG5cbiAgcHVibGljIGZpbHRlckJ1dHRvbk9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5maWx0ZXJCdXR0b25DbGljay5lbWl0KHVuZGVmaW5lZCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJza3ktYnRuIHNreS1idG4tZGVmYXVsdCBza3ktZmlsdGVyLWJ0blwiXG4gIHR5cGU9XCJidXR0b25cIlxuICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImFyaWFDb250cm9sc1wiXG4gIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiYXJpYUV4cGFuZGVkXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCInc2t5dXhfZmlsdGVyX2J1dHRvbl90aXRsZScgfCBza3lMaWJSZXNvdXJjZXNcIlxuICBbYXR0ci50aXRsZV09XCInc2t5dXhfZmlsdGVyX2J1dHRvbl90aXRsZScgfCBza3lMaWJSZXNvdXJjZXNcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbaWRdPVwiZmlsdGVyQnV0dG9uSWRcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NreS1maWx0ZXItYnRuLWFjdGl2ZSc6IGFjdGl2ZVxuICB9XCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktcm91bmRlZC1jb3JuZXJzJzogJ2RlZmF1bHQnLFxuICAgICdza3ktdGhlbWUtbW9kZXJuJzogJ21vZGVybidcbiAgfVwiXG4gIChjbGljayk9XCJmaWx0ZXJCdXR0b25PbkNsaWNrKClcIlxuPlxuICA8c2t5LWljb24gKnNreVRoZW1lSWY9XCInZGVmYXVsdCdcIiBpY29uPVwiZmlsdGVyXCIgc2l6ZT1cImxnXCI+IDwvc2t5LWljb24+XG4gIDxza3ktaWNvbiAqc2t5VGhlbWVJZj1cIidtb2Rlcm4nXCIgaWNvbj1cImZpbHRlclwiIGljb25UeXBlPVwic2t5dXhcIj48L3NreS1pY29uPlxuICA8c3BhbiAqbmdJZj1cInNob3dCdXR0b25UZXh0XCIgY2xhc3M9XCJza3ktZmlsdGVyLWJ0bi10ZXh0XCI+XG4gICAge3sgJ3NreXV4X2ZpbHRlcl9idXR0b25fdGl0bGUnIHwgc2t5TGliUmVzb3VyY2VzIH19XG4gIDwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies an inline filter.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyFilterInlineItemComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyFilterInlineItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyFilterInlineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyFilterInlineItemComponent, selector: "sky-filter-inline-item", ngImport: i0, template: "<div class=\"sky-filter-inline-item\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline-item{margin-right:10px}\n"] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterInlineItemComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'sky-filter-inline-item', template: "<div class=\"sky-filter-inline-item\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline-item{margin-right:10px}\n"] }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWlubGluZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvZmlsdGVyL2ZpbHRlci1pbmxpbmUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXItaW5saW5lLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUM7O0dBRUc7QUFNSCxNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsOERDVnpDLCtFQUdBOzJGRE9hLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYW4gaW5saW5lIGZpbHRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWZpbHRlci1pbmxpbmUtaXRlbScsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci1pbmxpbmUtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWlubGluZS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RmlsdGVySW5saW5lSXRlbUNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cInNreS1maWx0ZXItaW5saW5lLWl0ZW1cIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies a wrapper for the inline filters.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyFilterInlineComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyFilterInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyFilterInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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"] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'sky-filter-inline', 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"] }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWlubGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXItaW5saW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvZmlsdGVyL2ZpbHRlci1pbmxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUM7O0dBRUc7QUFNSCxNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3lHQUF4Qix3QkFBd0IseURDVnJDLG1HQUdBOzJGRE9hLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSB3cmFwcGVyIGZvciB0aGUgaW5saW5lIGZpbHRlcnMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1maWx0ZXItaW5saW5lJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLWlubGluZS5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWlubGluZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUZpbHRlcklubGluZUNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cInNreS1maWx0ZXItaW5saW5lIHNreS1wYWRkaW5nLWV2ZW4tZGVmYXVsdFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/indicators";
|
|
4
|
+
import * as i2 from "@skyux/i18n";
|
|
5
|
+
/**
|
|
6
|
+
* Specifies a filter that was applied.
|
|
7
|
+
*/
|
|
8
|
+
export class SkyFilterSummaryItemComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Indicates whether the filter summary item has a close button.
|
|
12
|
+
*/
|
|
13
|
+
this.dismissible = true;
|
|
14
|
+
/**
|
|
15
|
+
* Fires when the summary item close button is selected.
|
|
16
|
+
*/
|
|
17
|
+
this.dismiss = new EventEmitter();
|
|
18
|
+
/**
|
|
19
|
+
* Fires when the summary item is selected.
|
|
20
|
+
*/
|
|
21
|
+
this.itemClick = new EventEmitter();
|
|
22
|
+
}
|
|
23
|
+
onItemDismiss() {
|
|
24
|
+
this.dismiss.emit();
|
|
25
|
+
}
|
|
26
|
+
onItemClick() {
|
|
27
|
+
this.itemClick.emit();
|
|
28
|
+
}
|
|
29
|
+
onItemKeypress() {
|
|
30
|
+
this.itemClick.emit();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
SkyFilterSummaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
SkyFilterSummaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyFilterSummaryItemComponent, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, ngImport: i0, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content> </ng-content>\n </sky-token>\n</div>\n", styles: [".sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-filter-summary-item{padding:0 0 5px}.sky-theme-modern .sky-filter-summary-item{padding:0 0 5px}\n"], components: [{ type: i1.λ12, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterSummaryItemComponent, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: 'sky-filter-summary-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content> </ng-content>\n </sky-token>\n</div>\n", styles: [".sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-filter-summary-item{padding:0 0 5px}.sky-theme-modern .sky-filter-summary-item{padding:0 0 5px}\n"] }]
|
|
38
|
+
}], propDecorators: { dismissible: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], dismiss: [{
|
|
41
|
+
type: Output
|
|
42
|
+
}], itemClick: [{
|
|
43
|
+
type: Output
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXN1bW1hcnktaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL2ZpbHRlci9maWx0ZXItc3VtbWFyeS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvZmlsdGVyL2ZpbHRlci1zdW1tYXJ5LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7QUFFdkI7O0dBRUc7QUFPSCxNQUFNLE9BQU8sNkJBQTZCO0lBTjFDO1FBT0U7O1dBRUc7UUFFSSxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUUxQjs7V0FFRztRQUVJLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTFDOztXQUVHO1FBRUksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FhN0M7SUFYUSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sY0FBYztRQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7OzBIQTdCVSw2QkFBNkI7OEdBQTdCLDZCQUE2QixnS0NqQjFDLDJVQWFBOzJGRElhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDRSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBT0MsT0FBTztzQkFEYixNQUFNO2dCQU9BLFNBQVM7c0JBRGYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgZmlsdGVyIHRoYXQgd2FzIGFwcGxpZWQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1maWx0ZXItc3VtbWFyeS1pdGVtJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXN1bW1hcnktaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLXN1bW1hcnktaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lGaWx0ZXJTdW1tYXJ5SXRlbUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgZmlsdGVyIHN1bW1hcnkgaXRlbSBoYXMgYSBjbG9zZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZGlzbWlzc2libGUgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBGaXJlcyB3aGVuIHRoZSBzdW1tYXJ5IGl0ZW0gY2xvc2UgYnV0dG9uIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBGaXJlcyB3aGVuIHRoZSBzdW1tYXJ5IGl0ZW0gaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgb25JdGVtRGlzbWlzcygpOiB2b2lkIHtcbiAgICB0aGlzLmRpc21pc3MuZW1pdCgpO1xuICB9XG5cbiAgcHVibGljIG9uSXRlbUNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkl0ZW1LZXlwcmVzcygpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1DbGljay5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktZmlsdGVyLXN1bW1hcnktaXRlbVwiXG4gIChjbGljayk9XCJvbkl0ZW1DbGljaygpXCJcbiAgKGtleXByZXNzLmVudGVyKT1cIm9uSXRlbUtleXByZXNzKClcIlxuPlxuICA8c2t5LXRva2VuXG4gICAgW2FyaWFMYWJlbF09XCInc2t5dXhfZmlsdGVyX3N1bW1hcnlfY2xvc2UnIHwgc2t5TGliUmVzb3VyY2VzXCJcbiAgICBbZGlzbWlzc2libGVdPVwiZGlzbWlzc2libGVcIlxuICAgIChkaXNtaXNzKT1cIm9uSXRlbURpc21pc3MoKVwiXG4gID5cbiAgICA8bmctY29udGVudD4gPC9uZy1jb250ZW50PlxuICA8L3NreS10b2tlbj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/i18n";
|
|
4
|
+
/**
|
|
5
|
+
* Specifies a wrapper for the filters that were applied.
|
|
6
|
+
*/
|
|
7
|
+
export class SkyFilterSummaryComponent {
|
|
8
|
+
}
|
|
9
|
+
SkyFilterSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyFilterSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyFilterSummaryComponent, selector: "sky-filter-summary", ngImport: i0, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".sky-filter-summary-header{margin:5px 10px 0 0;font-weight:600}.sky-filter-summary{background-color:#fff;overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap}:host-context(.sky-theme-modern) .sky-filter-summary-header{margin:0 10px 0 0}.sky-theme-modern .sky-filter-summary-header{margin:0 10px 0 0}\n"], pipes: { "skyLibResources": i1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterSummaryComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'sky-filter-summary', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".sky-filter-summary-header{margin:5px 10px 0 0;font-weight:600}.sky-filter-summary{background-color:#fff;overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap}:host-context(.sky-theme-modern) .sky-filter-summary-header{margin:0 10px 0 0}.sky-theme-modern .sky-filter-summary-header{margin:0 10px 0 0}\n"] }]
|
|
14
|
+
}] });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXN1bW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xpc3RzL3NyYy9saWIvbW9kdWxlcy9maWx0ZXIvZmlsdGVyLXN1bW1hcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xpc3RzL3NyYy9saWIvbW9kdWxlcy9maWx0ZXIvZmlsdGVyLXN1bW1hcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRW5FOztHQUVHO0FBT0gsTUFBTSxPQUFPLHlCQUF5Qjs7c0hBQXpCLHlCQUF5QjswR0FBekIseUJBQXlCLDBEQ1h0Qyx3UEFRQTsyRkRHYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgd3JhcHBlciBmb3IgdGhlIGZpbHRlcnMgdGhhdCB3ZXJlIGFwcGxpZWQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1maWx0ZXItc3VtbWFyeScsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci1zdW1tYXJ5LmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lGaWx0ZXJTdW1tYXJ5Q29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWZpbHRlci1zdW1tYXJ5XCI+XG4gIDxzcGFuIGNsYXNzPVwic2t5LWZpbHRlci1zdW1tYXJ5LWhlYWRlclwiXG4gICAgPnt7ICdza3l1eF9maWx0ZXJfc3VtbWFyeV9oZWFkZXInIHwgc2t5TGliUmVzb3VyY2VzIH19Ojwvc3BhblxuICA+XG4gIDxkaXYgY2xhc3M9XCJza3ktZmlsdGVyLXN1bW1hcnktaXRlbXNcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyIconModule, SkyTokensModule } from '@skyux/indicators';
|
|
4
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
5
|
+
import { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';
|
|
6
|
+
import { SkyFilterButtonComponent } from './filter-button.component';
|
|
7
|
+
import { SkyFilterInlineItemComponent } from './filter-inline-item.component';
|
|
8
|
+
import { SkyFilterInlineComponent } from './filter-inline.component';
|
|
9
|
+
import { SkyFilterSummaryItemComponent } from './filter-summary-item.component';
|
|
10
|
+
import { SkyFilterSummaryComponent } from './filter-summary.component';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
export class SkyFilterModule {
|
|
13
|
+
}
|
|
14
|
+
SkyFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
SkyFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterModule, declarations: [SkyFilterButtonComponent,
|
|
16
|
+
SkyFilterInlineComponent,
|
|
17
|
+
SkyFilterInlineItemComponent,
|
|
18
|
+
SkyFilterSummaryComponent,
|
|
19
|
+
SkyFilterSummaryItemComponent], imports: [CommonModule,
|
|
20
|
+
SkyIconModule,
|
|
21
|
+
SkyListsResourcesModule,
|
|
22
|
+
SkyTokensModule,
|
|
23
|
+
SkyThemeModule], exports: [SkyFilterButtonComponent,
|
|
24
|
+
SkyFilterInlineComponent,
|
|
25
|
+
SkyFilterInlineItemComponent,
|
|
26
|
+
SkyFilterSummaryComponent,
|
|
27
|
+
SkyFilterSummaryItemComponent] });
|
|
28
|
+
SkyFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterModule, imports: [[
|
|
29
|
+
CommonModule,
|
|
30
|
+
SkyIconModule,
|
|
31
|
+
SkyListsResourcesModule,
|
|
32
|
+
SkyTokensModule,
|
|
33
|
+
SkyThemeModule,
|
|
34
|
+
]] });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyFilterModule, decorators: [{
|
|
36
|
+
type: NgModule,
|
|
37
|
+
args: [{
|
|
38
|
+
declarations: [
|
|
39
|
+
SkyFilterButtonComponent,
|
|
40
|
+
SkyFilterInlineComponent,
|
|
41
|
+
SkyFilterInlineItemComponent,
|
|
42
|
+
SkyFilterSummaryComponent,
|
|
43
|
+
SkyFilterSummaryItemComponent,
|
|
44
|
+
],
|
|
45
|
+
imports: [
|
|
46
|
+
CommonModule,
|
|
47
|
+
SkyIconModule,
|
|
48
|
+
SkyListsResourcesModule,
|
|
49
|
+
SkyTokensModule,
|
|
50
|
+
SkyThemeModule,
|
|
51
|
+
],
|
|
52
|
+
exports: [
|
|
53
|
+
SkyFilterButtonComponent,
|
|
54
|
+
SkyFilterInlineComponent,
|
|
55
|
+
SkyFilterInlineItemComponent,
|
|
56
|
+
SkyFilterSummaryComponent,
|
|
57
|
+
SkyFilterSummaryItemComponent,
|
|
58
|
+
],
|
|
59
|
+
}]
|
|
60
|
+
}] });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvZmlsdGVyL2ZpbHRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQXlCdkUsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkFyQnhCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsNEJBQTRCO1FBQzVCLHlCQUF5QjtRQUN6Qiw2QkFBNkIsYUFHN0IsWUFBWTtRQUNaLGFBQWE7UUFDYix1QkFBdUI7UUFDdkIsZUFBZTtRQUNmLGNBQWMsYUFHZCx3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDRCQUE0QjtRQUM1Qix5QkFBeUI7UUFDekIsNkJBQTZCOzZHQUdwQixlQUFlLFlBZmpCO1lBQ1AsWUFBWTtZQUNaLGFBQWE7WUFDYix1QkFBdUI7WUFDdkIsZUFBZTtZQUNmLGNBQWM7U0FDZjsyRkFTVSxlQUFlO2tCQXZCM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDRCQUE0Qjt3QkFDNUIseUJBQXlCO3dCQUN6Qiw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsdUJBQXVCO3dCQUN2QixlQUFlO3dCQUNmLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qiw0QkFBNEI7d0JBQzVCLHlCQUF5Qjt3QkFDekIsNkJBQTZCO3FCQUM5QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5SWNvbk1vZHVsZSwgU2t5VG9rZW5zTW9kdWxlIH0gZnJvbSAnQHNreXV4L2luZGljYXRvcnMnO1xuaW1wb3J0IHsgU2t5VGhlbWVNb2R1bGUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTa3lMaXN0c1Jlc291cmNlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9za3ktbGlzdHMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUZpbHRlckJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZmlsdGVyLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5RmlsdGVySW5saW5lSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vZmlsdGVyLWlubGluZS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lGaWx0ZXJJbmxpbmVDb21wb25lbnQgfSBmcm9tICcuL2ZpbHRlci1pbmxpbmUuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUZpbHRlclN1bW1hcnlJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9maWx0ZXItc3VtbWFyeS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lGaWx0ZXJTdW1tYXJ5Q29tcG9uZW50IH0gZnJvbSAnLi9maWx0ZXItc3VtbWFyeS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lGaWx0ZXJCdXR0b25Db21wb25lbnQsXG4gICAgU2t5RmlsdGVySW5saW5lQ29tcG9uZW50LFxuICAgIFNreUZpbHRlcklubGluZUl0ZW1Db21wb25lbnQsXG4gICAgU2t5RmlsdGVyU3VtbWFyeUNvbXBvbmVudCxcbiAgICBTa3lGaWx0ZXJTdW1tYXJ5SXRlbUNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBTa3lJY29uTW9kdWxlLFxuICAgIFNreUxpc3RzUmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreVRva2Vuc01vZHVsZSxcbiAgICBTa3lUaGVtZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNreUZpbHRlckJ1dHRvbkNvbXBvbmVudCxcbiAgICBTa3lGaWx0ZXJJbmxpbmVDb21wb25lbnQsXG4gICAgU2t5RmlsdGVySW5saW5lSXRlbUNvbXBvbmVudCxcbiAgICBTa3lGaWx0ZXJTdW1tYXJ5Q29tcG9uZW50LFxuICAgIFNreUZpbHRlclN1bW1hcnlJdGVtQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lGaWx0ZXJNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { EventEmitter, Injectable } from '@angular/core';
|
|
2
|
+
import { SkyAppWindowRef } from '@skyux/core';
|
|
3
|
+
import { Subject, fromEvent as observableFromEvent } from 'rxjs';
|
|
4
|
+
import { filter, map, takeUntil } from 'rxjs/operators';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@skyux/core";
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export class SkyInfiniteScrollDomAdapterService {
|
|
11
|
+
constructor(windowRef) {
|
|
12
|
+
this.windowRef = windowRef;
|
|
13
|
+
this.ngUnsubscribe = new Subject();
|
|
14
|
+
this._parentChanges = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
ngOnDestroy() {
|
|
17
|
+
this._parentChanges.complete();
|
|
18
|
+
this.ngUnsubscribe.next();
|
|
19
|
+
this.ngUnsubscribe.complete();
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* This event is triggered when child nodes are added to the infinite
|
|
23
|
+
* scroll parent container. e.g., A repeating list of elements was added.
|
|
24
|
+
* @param elementRef The infinite scroll element reference.
|
|
25
|
+
*/
|
|
26
|
+
parentChanges(elementRef) {
|
|
27
|
+
this.createObserver(elementRef.nativeElement);
|
|
28
|
+
return this._parentChanges;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* This event is triggered when the provided element reference
|
|
32
|
+
* is visible (or scrolled to) within its scrollable parent container.
|
|
33
|
+
* @param elementRef The infinite scroll element reference.
|
|
34
|
+
*/
|
|
35
|
+
scrollTo(elementRef) {
|
|
36
|
+
const parent = this.findScrollableParent(elementRef.nativeElement);
|
|
37
|
+
return observableFromEvent(parent, 'scroll').pipe(takeUntil(this.ngUnsubscribe), filter(() => {
|
|
38
|
+
return this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
39
|
+
}), map(() => undefined) // Change to void return type
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
createObserver(element) {
|
|
43
|
+
this.observer = new MutationObserver((mutations) => {
|
|
44
|
+
const hasUpdates = !!mutations.find((mutation) => {
|
|
45
|
+
return (!element.contains(mutation.target) && mutation.addedNodes.length > 0);
|
|
46
|
+
});
|
|
47
|
+
if (hasUpdates) {
|
|
48
|
+
this._parentChanges.emit();
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
const windowObj = this.windowRef.nativeWindow;
|
|
52
|
+
const parent = this.findScrollableParent(element);
|
|
53
|
+
const observedParent = parent === windowObj ? windowObj.document.body : parent;
|
|
54
|
+
this.observer.observe(observedParent, {
|
|
55
|
+
childList: true,
|
|
56
|
+
subtree: true,
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
findScrollableParent(element) {
|
|
60
|
+
const regex = /(auto|scroll)/;
|
|
61
|
+
const windowObj = this.windowRef.nativeWindow;
|
|
62
|
+
const bodyObj = windowObj.document.body;
|
|
63
|
+
let style = windowObj.getComputedStyle(element);
|
|
64
|
+
let parent = element;
|
|
65
|
+
do {
|
|
66
|
+
parent = parent.parentNode;
|
|
67
|
+
style = windowObj.getComputedStyle(parent);
|
|
68
|
+
} while (!regex.test(style.overflow) &&
|
|
69
|
+
!regex.test(style.overflowY) &&
|
|
70
|
+
parent.parentNode &&
|
|
71
|
+
parent !== bodyObj);
|
|
72
|
+
if (parent === bodyObj) {
|
|
73
|
+
return windowObj;
|
|
74
|
+
}
|
|
75
|
+
return parent;
|
|
76
|
+
}
|
|
77
|
+
isElementScrolledInView(element, parentElement) {
|
|
78
|
+
const windowObj = this.windowRef.nativeWindow;
|
|
79
|
+
if (parentElement === windowObj) {
|
|
80
|
+
return (parentElement.pageYOffset + parentElement.innerHeight >
|
|
81
|
+
element.offsetTop);
|
|
82
|
+
}
|
|
83
|
+
const elementRect = element.getBoundingClientRect();
|
|
84
|
+
const parentRect = parentElement.getBoundingClientRect();
|
|
85
|
+
return elementRect.top < parentRect.top + parentRect.height;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
SkyInfiniteScrollDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
89
|
+
SkyInfiniteScrollDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollDomAdapterService });
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, decorators: [{
|
|
91
|
+
type: Injectable
|
|
92
|
+
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5maW5pdGUtc2Nyb2xsLWRvbS1hZGFwdGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL2luZmluaXRlLXNjcm9sbC9pbmZpbml0ZS1zY3JvbGwtZG9tLWFkYXB0ZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWMsWUFBWSxFQUFFLFVBQVUsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBYyxPQUFPLEVBQUUsU0FBUyxJQUFJLG1CQUFtQixFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFFeEQ7O0dBRUc7QUFFSCxNQUFNLE9BQU8sa0NBQWtDO0lBTzdDLFlBQW9CLFNBQTBCO1FBQTFCLGNBQVMsR0FBVCxTQUFTLENBQWlCO1FBTnRDLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUlwQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFRCxDQUFDO0lBRTNDLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSSxhQUFhLENBQUMsVUFBc0I7UUFDekMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDOUMsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFFRDs7OztPQUlHO0lBQ0ksUUFBUSxDQUFDLFVBQXNCO1FBQ3BDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFbkUsT0FBTyxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUMvQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUM3QixNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsT0FBTyxJQUFJLENBQUMsdUJBQXVCLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN4RSxDQUFDLENBQUMsRUFDRixHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsNkJBQTZCO1NBQ25ELENBQUM7SUFDSixDQUFDO0lBRU8sY0FBYyxDQUFDLE9BQVk7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixDQUFDLENBQUMsU0FBMkIsRUFBRSxFQUFFO1lBQ25FLE1BQU0sVUFBVSxHQUFHLENBQUMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQy9DLE9BQU8sQ0FDTCxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxVQUFVLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FDckUsQ0FBQztZQUNKLENBQUMsQ0FBQyxDQUFDO1lBRUgsSUFBSSxVQUFVLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUM1QjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUM7UUFDOUMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xELE1BQU0sY0FBYyxHQUNsQixNQUFNLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBRTFELElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRTtZQUNwQyxTQUFTLEVBQUUsSUFBSTtZQUNmLE9BQU8sRUFBRSxJQUFJO1NBQ2QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLG9CQUFvQixDQUFDLE9BQVk7UUFDdkMsTUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDO1FBQzlCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDO1FBQzlDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBRXhDLElBQUksS0FBSyxHQUFHLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNoRCxJQUFJLE1BQU0sR0FBRyxPQUFPLENBQUM7UUFFckIsR0FBRztZQUNELE1BQU0sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1lBQzNCLEtBQUssR0FBRyxTQUFTLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDNUMsUUFDQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQztZQUMzQixDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUM1QixNQUFNLENBQUMsVUFBVTtZQUNqQixNQUFNLEtBQUssT0FBTyxFQUNsQjtRQUVGLElBQUksTUFBTSxLQUFLLE9BQU8sRUFBRTtZQUN0QixPQUFPLFNBQVMsQ0FBQztTQUNsQjtRQUVELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7SUFFTyx1QkFBdUIsQ0FBQyxPQUFZLEVBQUUsYUFBa0I7UUFDOUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUM7UUFFOUMsSUFBSSxhQUFhLEtBQUssU0FBUyxFQUFFO1lBQy9CLE9BQU8sQ0FDTCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXO2dCQUNyRCxPQUFPLENBQUMsU0FBUyxDQUNsQixDQUFDO1NBQ0g7UUFFRCxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNwRCxNQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUV6RCxPQUFPLFdBQVcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQzlELENBQUM7OytIQXpHVSxrQ0FBa0M7bUlBQWxDLGtDQUFrQzsyRkFBbEMsa0NBQWtDO2tCQUQ5QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbmplY3RhYmxlLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUFwcFdpbmRvd1JlZiB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCwgZnJvbUV2ZW50IGFzIG9ic2VydmFibGVGcm9tRXZlbnQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlciwgbWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lJbmZpbml0ZVNjcm9sbERvbUFkYXB0ZXJTZXJ2aWNlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwcml2YXRlIG9ic2VydmVyOiBNdXRhdGlvbk9ic2VydmVyO1xuXG4gIHByaXZhdGUgX3BhcmVudENoYW5nZXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB3aW5kb3dSZWY6IFNreUFwcFdpbmRvd1JlZikge31cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fcGFyZW50Q2hhbmdlcy5jb21wbGV0ZSgpO1xuICAgIHRoaXMubmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB0cmlnZ2VyZWQgd2hlbiBjaGlsZCBub2RlcyBhcmUgYWRkZWQgdG8gdGhlIGluZmluaXRlXG4gICAqIHNjcm9sbCBwYXJlbnQgY29udGFpbmVyLiBlLmcuLCBBIHJlcGVhdGluZyBsaXN0IG9mIGVsZW1lbnRzIHdhcyBhZGRlZC5cbiAgICogQHBhcmFtIGVsZW1lbnRSZWYgVGhlIGluZmluaXRlIHNjcm9sbCBlbGVtZW50IHJlZmVyZW5jZS5cbiAgICovXG4gIHB1YmxpYyBwYXJlbnRDaGFuZ2VzKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICB0aGlzLmNyZWF0ZU9ic2VydmVyKGVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XG4gICAgcmV0dXJuIHRoaXMuX3BhcmVudENoYW5nZXM7XG4gIH1cblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB0cmlnZ2VyZWQgd2hlbiB0aGUgcHJvdmlkZWQgZWxlbWVudCByZWZlcmVuY2VcbiAgICogaXMgdmlzaWJsZSAob3Igc2Nyb2xsZWQgdG8pIHdpdGhpbiBpdHMgc2Nyb2xsYWJsZSBwYXJlbnQgY29udGFpbmVyLlxuICAgKiBAcGFyYW0gZWxlbWVudFJlZiBUaGUgaW5maW5pdGUgc2Nyb2xsIGVsZW1lbnQgcmVmZXJlbmNlLlxuICAgKi9cbiAgcHVibGljIHNjcm9sbFRvKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICBjb25zdCBwYXJlbnQgPSB0aGlzLmZpbmRTY3JvbGxhYmxlUGFyZW50KGVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XG5cbiAgICByZXR1cm4gb2JzZXJ2YWJsZUZyb21FdmVudChwYXJlbnQsICdzY3JvbGwnKS5waXBlKFxuICAgICAgdGFrZVVudGlsKHRoaXMubmdVbnN1YnNjcmliZSksXG4gICAgICBmaWx0ZXIoKCkgPT4ge1xuICAgICAgICByZXR1cm4gdGhpcy5pc0VsZW1lbnRTY3JvbGxlZEluVmlldyhlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHBhcmVudCk7XG4gICAgICB9KSxcbiAgICAgIG1hcCgoKSA9PiB1bmRlZmluZWQpIC8vIENoYW5nZSB0byB2b2lkIHJldHVybiB0eXBlXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlT2JzZXJ2ZXIoZWxlbWVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKChtdXRhdGlvbnM6IE11dGF0aW9uUmVjb3JkW10pID0+IHtcbiAgICAgIGNvbnN0IGhhc1VwZGF0ZXMgPSAhIW11dGF0aW9ucy5maW5kKChtdXRhdGlvbikgPT4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICFlbGVtZW50LmNvbnRhaW5zKG11dGF0aW9uLnRhcmdldCkgJiYgbXV0YXRpb24uYWRkZWROb2Rlcy5sZW5ndGggPiAwXG4gICAgICAgICk7XG4gICAgICB9KTtcblxuICAgICAgaWYgKGhhc1VwZGF0ZXMpIHtcbiAgICAgICAgdGhpcy5fcGFyZW50Q2hhbmdlcy5lbWl0KCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBjb25zdCB3aW5kb3dPYmogPSB0aGlzLndpbmRvd1JlZi5uYXRpdmVXaW5kb3c7XG4gICAgY29uc3QgcGFyZW50ID0gdGhpcy5maW5kU2Nyb2xsYWJsZVBhcmVudChlbGVtZW50KTtcbiAgICBjb25zdCBvYnNlcnZlZFBhcmVudCA9XG4gICAgICBwYXJlbnQgPT09IHdpbmRvd09iaiA/IHdpbmRvd09iai5kb2N1bWVudC5ib2R5IDogcGFyZW50O1xuXG4gICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKG9ic2VydmVkUGFyZW50LCB7XG4gICAgICBjaGlsZExpc3Q6IHRydWUsXG4gICAgICBzdWJ0cmVlOiB0cnVlLFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBmaW5kU2Nyb2xsYWJsZVBhcmVudChlbGVtZW50OiBhbnkpOiBhbnkge1xuICAgIGNvbnN0IHJlZ2V4ID0gLyhhdXRvfHNjcm9sbCkvO1xuICAgIGNvbnN0IHdpbmRvd09iaiA9IHRoaXMud2luZG93UmVmLm5hdGl2ZVdpbmRvdztcbiAgICBjb25zdCBib2R5T2JqID0gd2luZG93T2JqLmRvY3VtZW50LmJvZHk7XG5cbiAgICBsZXQgc3R5bGUgPSB3aW5kb3dPYmouZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KTtcbiAgICBsZXQgcGFyZW50ID0gZWxlbWVudDtcblxuICAgIGRvIHtcbiAgICAgIHBhcmVudCA9IHBhcmVudC5wYXJlbnROb2RlO1xuICAgICAgc3R5bGUgPSB3aW5kb3dPYmouZ2V0Q29tcHV0ZWRTdHlsZShwYXJlbnQpO1xuICAgIH0gd2hpbGUgKFxuICAgICAgIXJlZ2V4LnRlc3Qoc3R5bGUub3ZlcmZsb3cpICYmXG4gICAgICAhcmVnZXgudGVzdChzdHlsZS5vdmVyZmxvd1kpICYmXG4gICAgICBwYXJlbnQucGFyZW50Tm9kZSAmJlxuICAgICAgcGFyZW50ICE9PSBib2R5T2JqXG4gICAgKTtcblxuICAgIGlmIChwYXJlbnQgPT09IGJvZHlPYmopIHtcbiAgICAgIHJldHVybiB3aW5kb3dPYmo7XG4gICAgfVxuXG4gICAgcmV0dXJuIHBhcmVudDtcbiAgfVxuXG4gIHByaXZhdGUgaXNFbGVtZW50U2Nyb2xsZWRJblZpZXcoZWxlbWVudDogYW55LCBwYXJlbnRFbGVtZW50OiBhbnkpOiBib29sZWFuIHtcbiAgICBjb25zdCB3aW5kb3dPYmogPSB0aGlzLndpbmRvd1JlZi5uYXRpdmVXaW5kb3c7XG5cbiAgICBpZiAocGFyZW50RWxlbWVudCA9PT0gd2luZG93T2JqKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICBwYXJlbnRFbGVtZW50LnBhZ2VZT2Zmc2V0ICsgcGFyZW50RWxlbWVudC5pbm5lckhlaWdodCA+XG4gICAgICAgIGVsZW1lbnQub2Zmc2V0VG9wXG4gICAgICApO1xuICAgIH1cblxuICAgIGNvbnN0IGVsZW1lbnRSZWN0ID0gZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBwYXJlbnRSZWN0ID0gcGFyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIHJldHVybiBlbGVtZW50UmVjdC50b3AgPCBwYXJlbnRSZWN0LnRvcCArIHBhcmVudFJlY3QuaGVpZ2h0O1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { takeUntil } from 'rxjs/operators';
|
|
4
|
+
import { SkyInfiniteScrollDomAdapterService } from './infinite-scroll-dom-adapter.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./infinite-scroll-dom-adapter.service";
|
|
7
|
+
import * as i2 from "@skyux/indicators";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
import * as i4 from "@skyux/i18n";
|
|
10
|
+
export class SkyInfiniteScrollComponent {
|
|
11
|
+
constructor(changeDetector, elementRef, domAdapter) {
|
|
12
|
+
this.changeDetector = changeDetector;
|
|
13
|
+
this.elementRef = elementRef;
|
|
14
|
+
this.domAdapter = domAdapter;
|
|
15
|
+
/**
|
|
16
|
+
* Fires when scrolling triggers the need to load more data or when users select the button
|
|
17
|
+
* to load more data. This event only fires when the `enabled` property is set to `true`
|
|
18
|
+
* and data is not already loading.
|
|
19
|
+
*/
|
|
20
|
+
this.scrollEnd = new EventEmitter();
|
|
21
|
+
this.isWaiting = false;
|
|
22
|
+
this.ngUnsubscribe = new Subject();
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Indicates whether to make the infinite scroll component active when more data is available
|
|
26
|
+
* to load. By default, infinite scroll is inactive and does not call the load function.
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
get enabled() {
|
|
30
|
+
return this._enabled || false;
|
|
31
|
+
}
|
|
32
|
+
set enabled(value) {
|
|
33
|
+
if (this._enabled !== value) {
|
|
34
|
+
this._enabled = value;
|
|
35
|
+
this.setListeners();
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Indicates whether data is loading because of a `scrollEnd` event. Setting the property
|
|
40
|
+
* to `true` disables new `scrollEnd` events from firing until it changes to `false`. If this
|
|
41
|
+
* property is not specified, the infinite scroll component watches the DOM for changes
|
|
42
|
+
* and fires `scrollEnd` events when changes occur on its parent DOM element. Relying
|
|
43
|
+
* on this default behavior could fire an excessive number of `scrollEnd` events
|
|
44
|
+
* if the DOM changes are not related to loading data, so we strongly recommend using this
|
|
45
|
+
* property to explicitly set the infinite scroll's loading state.
|
|
46
|
+
* @required
|
|
47
|
+
*/
|
|
48
|
+
get loading() {
|
|
49
|
+
return this._loading;
|
|
50
|
+
}
|
|
51
|
+
set loading(value) {
|
|
52
|
+
this._loading = value;
|
|
53
|
+
if (value !== undefined) {
|
|
54
|
+
this.isWaiting = value;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
ngOnDestroy() {
|
|
58
|
+
this.enabled = false;
|
|
59
|
+
this.ngUnsubscribe.next();
|
|
60
|
+
this.ngUnsubscribe.complete();
|
|
61
|
+
}
|
|
62
|
+
startInfiniteScrollLoad() {
|
|
63
|
+
this.notifyScrollEnd();
|
|
64
|
+
}
|
|
65
|
+
notifyScrollEnd() {
|
|
66
|
+
this.isWaiting = true;
|
|
67
|
+
this.scrollEnd.emit();
|
|
68
|
+
this.changeDetector.markForCheck();
|
|
69
|
+
}
|
|
70
|
+
setListeners() {
|
|
71
|
+
if (this.enabled) {
|
|
72
|
+
// The user has scrolled to the infinite scroll element.
|
|
73
|
+
this.domAdapter
|
|
74
|
+
.scrollTo(this.elementRef)
|
|
75
|
+
.pipe(takeUntil(this.ngUnsubscribe))
|
|
76
|
+
.subscribe(() => {
|
|
77
|
+
if (!this.isWaiting && this.enabled) {
|
|
78
|
+
this.notifyScrollEnd();
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
// New items have been loaded into the parent element.
|
|
82
|
+
this.domAdapter
|
|
83
|
+
.parentChanges(this.elementRef)
|
|
84
|
+
.pipe(takeUntil(this.ngUnsubscribe))
|
|
85
|
+
.subscribe(() => {
|
|
86
|
+
if (!this.loading) {
|
|
87
|
+
this.isWaiting = false;
|
|
88
|
+
this.changeDetector.markForCheck();
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
this.ngUnsubscribe.next();
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
SkyInfiniteScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyInfiniteScrollDomAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
98
|
+
SkyInfiniteScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyInfiniteScrollComponent, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0, template: "<div *ngIf=\"enabled\" class=\"sky-infinite-scroll\">\n <button\n *ngIf=\"!isWaiting && enabled\"\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"], components: [{ type: i2.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollComponent, decorators: [{
|
|
100
|
+
type: Component,
|
|
101
|
+
args: [{ selector: 'sky-infinite-scroll', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInfiniteScrollDomAdapterService], template: "<div *ngIf=\"enabled\" class=\"sky-infinite-scroll\">\n <button\n *ngIf=\"!isWaiting && enabled\"\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"] }]
|
|
102
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyInfiniteScrollDomAdapterService }]; }, propDecorators: { enabled: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], loading: [{
|
|
105
|
+
type: Input
|
|
106
|
+
}], scrollEnd: [{
|
|
107
|
+
type: Output
|
|
108
|
+
}] } });
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5maW5pdGUtc2Nyb2xsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvaW5maW5pdGUtc2Nyb2xsL2luZmluaXRlLXNjcm9sbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL2luZmluaXRlLXNjcm9sbC9pbmZpbml0ZS1zY3JvbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7Ozs7O0FBUzNGLE1BQU0sT0FBTywwQkFBMEI7SUF3RHJDLFlBQ1UsY0FBaUMsRUFDakMsVUFBc0IsRUFDdEIsVUFBOEM7UUFGOUMsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBQ2pDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsZUFBVSxHQUFWLFVBQVUsQ0FBb0M7UUFuQnhEOzs7O1dBSUc7UUFFSSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVyQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQVV6QyxDQUFDO0lBM0RKOzs7O09BSUc7SUFDSCxJQUNXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBQ0QsSUFBVyxPQUFPLENBQUMsS0FBYztRQUMvQixJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssS0FBSyxFQUFFO1lBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUNyQjtJQUNILENBQUM7SUFFRDs7Ozs7Ozs7O09BU0c7SUFDSCxJQUNXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFXLE9BQU8sQ0FBQyxLQUEwQjtRQUMzQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUV0QixJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDeEI7SUFDSCxDQUFDO0lBd0JNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSx1QkFBdUI7UUFDNUIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRU8sWUFBWTtRQUNsQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsd0RBQXdEO1lBQ3hELElBQUksQ0FBQyxVQUFVO2lCQUNaLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2lCQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztpQkFDbkMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO29CQUNuQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7aUJBQ3hCO1lBQ0gsQ0FBQyxDQUFDLENBQUM7WUFFTCxzREFBc0Q7WUFDdEQsSUFBSSxDQUFDLFVBQVU7aUJBQ1osYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7aUJBQzlCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2lCQUNuQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO29CQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztvQkFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztpQkFDcEM7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNOO2FBQU07WUFDTCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzNCO0lBQ0gsQ0FBQzs7dUhBdkdVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHVJQUYxQixDQUFDLGtDQUFrQyxDQUFDLDBCQ3JCakQsb1dBV0E7MkZEWWEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsa0NBQWtDLENBQUM7a0xBU3BDLE9BQU87c0JBRGpCLEtBQUs7Z0JBc0JLLE9BQU87c0JBRGpCLEtBQUs7Z0JBbUJDLFNBQVM7c0JBRGYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgU2t5SW5maW5pdGVTY3JvbGxEb21BZGFwdGVyU2VydmljZSB9IGZyb20gJy4vaW5maW5pdGUtc2Nyb2xsLWRvbS1hZGFwdGVyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaW5maW5pdGUtc2Nyb2xsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luZmluaXRlLXNjcm9sbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2luZmluaXRlLXNjcm9sbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbU2t5SW5maW5pdGVTY3JvbGxEb21BZGFwdGVyU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUluZmluaXRlU2Nyb2xsQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRvIG1ha2UgdGhlIGluZmluaXRlIHNjcm9sbCBjb21wb25lbnQgYWN0aXZlIHdoZW4gbW9yZSBkYXRhIGlzIGF2YWlsYWJsZVxuICAgKiB0byBsb2FkLiBCeSBkZWZhdWx0LCBpbmZpbml0ZSBzY3JvbGwgaXMgaW5hY3RpdmUgYW5kIGRvZXMgbm90IGNhbGwgdGhlIGxvYWQgZnVuY3Rpb24uXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IGVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2VuYWJsZWQgfHwgZmFsc2U7XG4gIH1cbiAgcHVibGljIHNldCBlbmFibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgaWYgKHRoaXMuX2VuYWJsZWQgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLl9lbmFibGVkID0gdmFsdWU7XG4gICAgICB0aGlzLnNldExpc3RlbmVycygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciBkYXRhIGlzIGxvYWRpbmcgYmVjYXVzZSBvZiBhIGBzY3JvbGxFbmRgIGV2ZW50LiBTZXR0aW5nIHRoZSBwcm9wZXJ0eVxuICAgKiB0byBgdHJ1ZWAgZGlzYWJsZXMgbmV3IGBzY3JvbGxFbmRgIGV2ZW50cyBmcm9tIGZpcmluZyB1bnRpbCBpdCBjaGFuZ2VzIHRvIGBmYWxzZWAuIElmIHRoaXNcbiAgICogcHJvcGVydHkgaXMgbm90IHNwZWNpZmllZCwgdGhlIGluZmluaXRlIHNjcm9sbCBjb21wb25lbnQgd2F0Y2hlcyB0aGUgRE9NIGZvciBjaGFuZ2VzXG4gICAqIGFuZCBmaXJlcyBgc2Nyb2xsRW5kYCBldmVudHMgd2hlbiBjaGFuZ2VzIG9jY3VyIG9uIGl0cyBwYXJlbnQgRE9NIGVsZW1lbnQuIFJlbHlpbmdcbiAgICogb24gdGhpcyBkZWZhdWx0IGJlaGF2aW9yIGNvdWxkIGZpcmUgYW4gZXhjZXNzaXZlIG51bWJlciBvZiBgc2Nyb2xsRW5kYCBldmVudHNcbiAgICogaWYgdGhlIERPTSBjaGFuZ2VzIGFyZSBub3QgcmVsYXRlZCB0byBsb2FkaW5nIGRhdGEsIHNvIHdlIHN0cm9uZ2x5IHJlY29tbWVuZCB1c2luZyB0aGlzXG4gICAqIHByb3BlcnR5IHRvIGV4cGxpY2l0bHkgc2V0IHRoZSBpbmZpbml0ZSBzY3JvbGwncyBsb2FkaW5nIHN0YXRlLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgbG9hZGluZygpOiBib29sZWFuIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5fbG9hZGluZztcbiAgfVxuXG4gIHB1YmxpYyBzZXQgbG9hZGluZyh2YWx1ZTogYm9vbGVhbiB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX2xvYWRpbmcgPSB2YWx1ZTtcblxuICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLmlzV2FpdGluZyA9IHZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBGaXJlcyB3aGVuIHNjcm9sbGluZyB0cmlnZ2VycyB0aGUgbmVlZCB0byBsb2FkIG1vcmUgZGF0YSBvciB3aGVuIHVzZXJzIHNlbGVjdCB0aGUgYnV0dG9uXG4gICAqIHRvIGxvYWQgbW9yZSBkYXRhLiBUaGlzIGV2ZW50IG9ubHkgZmlyZXMgd2hlbiB0aGUgYGVuYWJsZWRgIHByb3BlcnR5IGlzIHNldCB0byBgdHJ1ZWBcbiAgICogYW5kIGRhdGEgaXMgbm90IGFscmVhZHkgbG9hZGluZy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgc2Nyb2xsRW5kID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHB1YmxpYyBpc1dhaXRpbmcgPSBmYWxzZTtcblxuICBwcml2YXRlIG5nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHByaXZhdGUgX2VuYWJsZWQ6IGJvb2xlYW47XG5cbiAgcHJpdmF0ZSBfbG9hZGluZzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSBkb21BZGFwdGVyOiBTa3lJbmZpbml0ZVNjcm9sbERvbUFkYXB0ZXJTZXJ2aWNlXG4gICkge31cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5lbmFibGVkID0gZmFsc2U7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLm5nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBzdGFydEluZmluaXRlU2Nyb2xsTG9hZCgpOiB2b2lkIHtcbiAgICB0aGlzLm5vdGlmeVNjcm9sbEVuZCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBub3RpZnlTY3JvbGxFbmQoKTogdm9pZCB7XG4gICAgdGhpcy5pc1dhaXRpbmcgPSB0cnVlO1xuICAgIHRoaXMuc2Nyb2xsRW5kLmVtaXQoKTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRMaXN0ZW5lcnMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZW5hYmxlZCkge1xuICAgICAgLy8gVGhlIHVzZXIgaGFzIHNjcm9sbGVkIHRvIHRoZSBpbmZpbml0ZSBzY3JvbGwgZWxlbWVudC5cbiAgICAgIHRoaXMuZG9tQWRhcHRlclxuICAgICAgICAuc2Nyb2xsVG8odGhpcy5lbGVtZW50UmVmKVxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5uZ1Vuc3Vic2NyaWJlKSlcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgaWYgKCF0aGlzLmlzV2FpdGluZyAmJiB0aGlzLmVuYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMubm90aWZ5U2Nyb2xsRW5kKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcblxuICAgICAgLy8gTmV3IGl0ZW1zIGhhdmUgYmVlbiBsb2FkZWQgaW50byB0aGUgcGFyZW50IGVsZW1lbnQuXG4gICAgICB0aGlzLmRvbUFkYXB0ZXJcbiAgICAgICAgLnBhcmVudENoYW5nZXModGhpcy5lbGVtZW50UmVmKVxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5uZ1Vuc3Vic2NyaWJlKSlcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgaWYgKCF0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIHRoaXMuaXNXYWl0aW5nID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZW5hYmxlZFwiIGNsYXNzPVwic2t5LWluZmluaXRlLXNjcm9sbFwiPlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCIhaXNXYWl0aW5nICYmIGVuYWJsZWRcIlxuICAgIGNsYXNzPVwic2t5LWJ0biBza3ktYnRuLWRlZmF1bHRcIlxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIChjbGljayk9XCJzdGFydEluZmluaXRlU2Nyb2xsTG9hZCgpXCJcbiAgPlxuICAgIHt7ICdza3l1eF9pbmZpbml0ZV9zY3JvbGxfbG9hZF9tb3JlX2J1dHRvbicgfCBza3lMaWJSZXNvdXJjZXMgfX1cbiAgPC9idXR0b24+XG4gIDxza3ktd2FpdCBbaXNXYWl0aW5nXT1cImlzV2FpdGluZ1wiPiA8L3NreS13YWl0PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyWaitModule } from '@skyux/indicators';
|
|
4
|
+
import { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';
|
|
5
|
+
import { SkyInfiniteScrollComponent } from './infinite-scroll.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class SkyInfiniteScrollModule {
|
|
8
|
+
}
|
|
9
|
+
SkyInfiniteScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
SkyInfiniteScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollModule, declarations: [SkyInfiniteScrollComponent], imports: [CommonModule, SkyListsResourcesModule, SkyWaitModule], exports: [SkyInfiniteScrollComponent] });
|
|
11
|
+
SkyInfiniteScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollModule, imports: [[CommonModule, SkyListsResourcesModule, SkyWaitModule]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInfiniteScrollModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [SkyInfiniteScrollComponent],
|
|
16
|
+
imports: [CommonModule, SkyListsResourcesModule, SkyWaitModule],
|
|
17
|
+
exports: [SkyInfiniteScrollComponent],
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5maW5pdGUtc2Nyb2xsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvaW5maW5pdGUtc2Nyb2xsL2luZmluaXRlLXNjcm9sbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRWxELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQU96RSxNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBSm5CLDBCQUEwQixhQUMvQixZQUFZLEVBQUUsdUJBQXVCLEVBQUUsYUFBYSxhQUNwRCwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQUh6QixDQUFDLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxhQUFhLENBQUM7MkZBR3BELHVCQUF1QjtrQkFMbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztvQkFDMUMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHVCQUF1QixFQUFFLGFBQWEsQ0FBQztvQkFDL0QsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lXYWl0TW9kdWxlIH0gZnJvbSAnQHNreXV4L2luZGljYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lMaXN0c1Jlc291cmNlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9za3ktbGlzdHMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUluZmluaXRlU2Nyb2xsQ29tcG9uZW50IH0gZnJvbSAnLi9pbmZpbml0ZS1zY3JvbGwuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU2t5SW5maW5pdGVTY3JvbGxDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lMaXN0c1Jlc291cmNlc01vZHVsZSwgU2t5V2FpdE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lJbmZpbml0ZVNjcm9sbENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUluZmluaXRlU2Nyb2xsTW9kdWxlIHt9XG4iXX0=
|