@skyux/lists 5.7.2 → 6.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/esm2020/index.mjs +22 -0
  2. package/esm2020/lib/modules/filter/filter-button.component.mjs +62 -0
  3. package/esm2020/lib/modules/filter/filter-inline-item.component.mjs +14 -0
  4. package/esm2020/lib/modules/filter/filter-inline.component.mjs +14 -0
  5. package/esm2020/lib/modules/filter/filter-summary-item.component.mjs +45 -0
  6. package/esm2020/lib/modules/filter/filter-summary.component.mjs +15 -0
  7. package/esm2020/lib/modules/filter/filter.module.mjs +61 -0
  8. package/esm2020/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.mjs +93 -0
  9. package/esm2020/lib/modules/infinite-scroll/infinite-scroll.component.mjs +109 -0
  10. package/esm2020/lib/modules/infinite-scroll/infinite-scroll.module.mjs +20 -0
  11. package/esm2020/lib/modules/paging/paging.component.mjs +122 -0
  12. package/esm2020/lib/modules/paging/paging.module.mjs +34 -0
  13. package/esm2020/lib/modules/repeater/repeater-adapter.service.mjs +69 -0
  14. package/esm2020/lib/modules/repeater/repeater-item-content.component.mjs +14 -0
  15. package/esm2020/lib/modules/repeater/repeater-item-context-menu.component.mjs +17 -0
  16. package/esm2020/lib/modules/repeater/repeater-item-title.component.mjs +14 -0
  17. package/esm2020/lib/modules/repeater/repeater-item.component.mjs +383 -0
  18. package/esm2020/lib/modules/repeater/repeater.component.mjs +256 -0
  19. package/esm2020/lib/modules/repeater/repeater.module.mjs +69 -0
  20. package/esm2020/lib/modules/repeater/repeater.service.mjs +72 -0
  21. package/esm2020/lib/modules/shared/sky-lists-resources.module.mjs +80 -0
  22. package/esm2020/lib/modules/sort/sort-item.component.mjs +60 -0
  23. package/esm2020/lib/modules/sort/sort-menu-heading.component.mjs +13 -0
  24. package/esm2020/lib/modules/sort/sort.component.mjs +35 -0
  25. package/esm2020/lib/modules/sort/sort.module.mjs +50 -0
  26. package/esm2020/lib/modules/sort/sort.service.mjs +20 -0
  27. package/esm2020/skyux-lists.mjs +5 -0
  28. package/esm2020/testing/filter/filter-fixture-button.mjs +46 -0
  29. package/esm2020/testing/filter/filter-fixture-summary.mjs +28 -0
  30. package/esm2020/testing/filter/filter-testing.module.mjs +15 -0
  31. package/esm2020/testing/filter/lists-filter-fixture-button.mjs +2 -0
  32. package/esm2020/testing/infinite-scroll/infinite-scroll-fixture.mjs +27 -0
  33. package/esm2020/testing/infinite-scroll/infinite-scroll-testing.module.mjs +15 -0
  34. package/esm2020/testing/paging/paging-fixture-button.mjs +2 -0
  35. package/esm2020/testing/paging/paging-fixture.mjs +93 -0
  36. package/esm2020/testing/paging/paging-testing.module.mjs +15 -0
  37. package/esm2020/testing/public-api.mjs +13 -0
  38. package/esm2020/testing/skyux-lists-testing.mjs +5 -0
  39. package/esm2020/testing/sort/sort-fixture-menu-item.mjs +2 -0
  40. package/esm2020/testing/sort/sort-fixture-menu.mjs +2 -0
  41. package/esm2020/testing/sort/sort-fixture.mjs +140 -0
  42. package/esm2020/testing/sort/sort-testing.module.mjs +17 -0
  43. package/fesm2015/{skyux-lists-testing.js → skyux-lists-testing.mjs} +17 -17
  44. package/fesm2015/skyux-lists-testing.mjs.map +1 -0
  45. package/fesm2015/skyux-lists.mjs +1615 -0
  46. package/fesm2015/skyux-lists.mjs.map +1 -0
  47. package/fesm2020/skyux-lists-testing.mjs +389 -0
  48. package/fesm2020/skyux-lists-testing.mjs.map +1 -0
  49. package/fesm2020/skyux-lists.mjs +1615 -0
  50. package/fesm2020/skyux-lists.mjs.map +1 -0
  51. package/package.json +43 -19
  52. package/testing/package.json +5 -5
  53. package/bundles/skyux-lists-testing.umd.js +0 -887
  54. package/bundles/skyux-lists.umd.js +0 -2149
  55. package/esm2015/index.js +0 -22
  56. package/esm2015/index.js.map +0 -1
  57. package/esm2015/lib/modules/filter/filter-button.component.js +0 -67
  58. package/esm2015/lib/modules/filter/filter-button.component.js.map +0 -1
  59. package/esm2015/lib/modules/filter/filter-inline-item.component.js +0 -18
  60. package/esm2015/lib/modules/filter/filter-inline-item.component.js.map +0 -1
  61. package/esm2015/lib/modules/filter/filter-inline.component.js +0 -18
  62. package/esm2015/lib/modules/filter/filter-inline.component.js.map +0 -1
  63. package/esm2015/lib/modules/filter/filter-summary-item.component.js +0 -50
  64. package/esm2015/lib/modules/filter/filter-summary-item.component.js.map +0 -1
  65. package/esm2015/lib/modules/filter/filter-summary.component.js +0 -20
  66. package/esm2015/lib/modules/filter/filter-summary.component.js.map +0 -1
  67. package/esm2015/lib/modules/filter/filter.module.js +0 -61
  68. package/esm2015/lib/modules/filter/filter.module.js.map +0 -1
  69. package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js +0 -93
  70. package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js.map +0 -1
  71. package/esm2015/lib/modules/infinite-scroll/infinite-scroll.component.js +0 -115
  72. package/esm2015/lib/modules/infinite-scroll/infinite-scroll.component.js.map +0 -1
  73. package/esm2015/lib/modules/infinite-scroll/infinite-scroll.module.js +0 -20
  74. package/esm2015/lib/modules/infinite-scroll/infinite-scroll.module.js.map +0 -1
  75. package/esm2015/lib/modules/paging/paging.component.js +0 -127
  76. package/esm2015/lib/modules/paging/paging.component.js.map +0 -1
  77. package/esm2015/lib/modules/paging/paging.module.js +0 -34
  78. package/esm2015/lib/modules/paging/paging.module.js.map +0 -1
  79. package/esm2015/lib/modules/repeater/repeater-adapter.service.js +0 -69
  80. package/esm2015/lib/modules/repeater/repeater-adapter.service.js.map +0 -1
  81. package/esm2015/lib/modules/repeater/repeater-item-content.component.js +0 -17
  82. package/esm2015/lib/modules/repeater/repeater-item-content.component.js.map +0 -1
  83. package/esm2015/lib/modules/repeater/repeater-item-context-menu.component.js +0 -20
  84. package/esm2015/lib/modules/repeater/repeater-item-context-menu.component.js.map +0 -1
  85. package/esm2015/lib/modules/repeater/repeater-item-title.component.js +0 -17
  86. package/esm2015/lib/modules/repeater/repeater-item-title.component.js.map +0 -1
  87. package/esm2015/lib/modules/repeater/repeater-item.component.js +0 -389
  88. package/esm2015/lib/modules/repeater/repeater-item.component.js.map +0 -1
  89. package/esm2015/lib/modules/repeater/repeater.component.js +0 -262
  90. package/esm2015/lib/modules/repeater/repeater.component.js.map +0 -1
  91. package/esm2015/lib/modules/repeater/repeater.module.js +0 -69
  92. package/esm2015/lib/modules/repeater/repeater.module.js.map +0 -1
  93. package/esm2015/lib/modules/repeater/repeater.service.js +0 -72
  94. package/esm2015/lib/modules/repeater/repeater.service.js.map +0 -1
  95. package/esm2015/lib/modules/shared/sky-lists-resources.module.js +0 -80
  96. package/esm2015/lib/modules/shared/sky-lists-resources.module.js.map +0 -1
  97. package/esm2015/lib/modules/sort/sort-item.component.js +0 -65
  98. package/esm2015/lib/modules/sort/sort-item.component.js.map +0 -1
  99. package/esm2015/lib/modules/sort/sort-menu-heading.component.js +0 -17
  100. package/esm2015/lib/modules/sort/sort-menu-heading.component.js.map +0 -1
  101. package/esm2015/lib/modules/sort/sort.component.js +0 -41
  102. package/esm2015/lib/modules/sort/sort.component.js.map +0 -1
  103. package/esm2015/lib/modules/sort/sort.module.js +0 -50
  104. package/esm2015/lib/modules/sort/sort.module.js.map +0 -1
  105. package/esm2015/lib/modules/sort/sort.service.js +0 -20
  106. package/esm2015/lib/modules/sort/sort.service.js.map +0 -1
  107. package/esm2015/skyux-lists.js +0 -5
  108. package/esm2015/skyux-lists.js.map +0 -1
  109. package/esm2015/testing/filter/filter-fixture-button.js +0 -50
  110. package/esm2015/testing/filter/filter-fixture-button.js.map +0 -1
  111. package/esm2015/testing/filter/filter-fixture-summary.js +0 -31
  112. package/esm2015/testing/filter/filter-fixture-summary.js.map +0 -1
  113. package/esm2015/testing/filter/filter-testing.module.js +0 -15
  114. package/esm2015/testing/filter/filter-testing.module.js.map +0 -1
  115. package/esm2015/testing/filter/lists-filter-fixture-button.js +0 -2
  116. package/esm2015/testing/filter/lists-filter-fixture-button.js.map +0 -1
  117. package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js +0 -30
  118. package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js.map +0 -1
  119. package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js +0 -15
  120. package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js.map +0 -1
  121. package/esm2015/testing/paging/paging-fixture-button.js +0 -2
  122. package/esm2015/testing/paging/paging-fixture-button.js.map +0 -1
  123. package/esm2015/testing/paging/paging-fixture.js +0 -104
  124. package/esm2015/testing/paging/paging-fixture.js.map +0 -1
  125. package/esm2015/testing/paging/paging-testing.module.js +0 -15
  126. package/esm2015/testing/paging/paging-testing.module.js.map +0 -1
  127. package/esm2015/testing/public-api.js +0 -13
  128. package/esm2015/testing/public-api.js.map +0 -1
  129. package/esm2015/testing/skyux-lists-testing.js +0 -5
  130. package/esm2015/testing/skyux-lists-testing.js.map +0 -1
  131. package/esm2015/testing/sort/sort-fixture-menu-item.js +0 -2
  132. package/esm2015/testing/sort/sort-fixture-menu-item.js.map +0 -1
  133. package/esm2015/testing/sort/sort-fixture-menu.js +0 -2
  134. package/esm2015/testing/sort/sort-fixture-menu.js.map +0 -1
  135. package/esm2015/testing/sort/sort-fixture.js +0 -152
  136. package/esm2015/testing/sort/sort-fixture.js.map +0 -1
  137. package/esm2015/testing/sort/sort-testing.module.js +0 -17
  138. package/esm2015/testing/sort/sort-testing.module.js.map +0 -1
  139. package/fesm2015/skyux-lists-testing.js.map +0 -1
  140. package/fesm2015/skyux-lists.js +0 -1685
  141. package/fesm2015/skyux-lists.js.map +0 -1
package/esm2015/index.js DELETED
@@ -1,22 +0,0 @@
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=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/lists/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AAEnD,cAAc,sDAAsD,CAAC;AAErE,cAAc,oCAAoC,CAAC;AAEnD,cAAc,wCAAwC,CAAC;AAEvD,cAAc,gCAAgC,CAAC;AAE/C,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,8CAA8C,CAAC;AAC9F,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,8CAA8C,CAAC;AAC9F,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,mDAAmD,CAAC;AACvG,OAAO,EAAE,6BAA6B,IAAI,EAAE,EAAE,MAAM,oDAAoD,CAAC;AACzG,OAAO,EAAE,yBAAyB,IAAI,EAAE,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,EAAE,0BAA0B,IAAI,EAAE,EAAE,MAAM,yDAAyD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,IAAI,EAAE,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,+BAA+B,IAAI,EAAE,EAAE,MAAM,wDAAwD,CAAC;AAC/G,OAAO,EAAE,mCAAmC,IAAI,EAAE,EAAE,MAAM,6DAA6D,CAAC;AACxH,OAAO,EAAE,wBAAwB,IAAI,GAAG,EAAE,MAAM,gDAAgD,CAAC;AACjG,OAAO,EAAE,oBAAoB,IAAI,GAAG,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,6BAA6B,IAAI,GAAG,EAAE,MAAM,sDAAsD,CAAC;AAC5G,OAAO,EAAE,oBAAoB,IAAI,GAAG,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,gBAAgB,IAAI,GAAG,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["export * from './lib/modules/filter/filter.module';\n\nexport * from './lib/modules/infinite-scroll/infinite-scroll.module';\n\nexport * from './lib/modules/paging/paging.module';\n\nexport * from './lib/modules/repeater/repeater.module';\n\nexport * from './lib/modules/sort/sort.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyFilterButtonComponent as λ1 } from './lib/modules/filter/filter-button.component';\nexport { SkyFilterInlineComponent as λ2 } from './lib/modules/filter/filter-inline.component';\nexport { SkyFilterInlineItemComponent as λ3 } from './lib/modules/filter/filter-inline-item.component';\nexport { SkyFilterSummaryItemComponent as λ4 } from './lib/modules/filter/filter-summary-item.component';\nexport { SkyFilterSummaryComponent as λ5 } from './lib/modules/filter/filter-summary.component';\nexport { SkyInfiniteScrollComponent as λ6 } from './lib/modules/infinite-scroll/infinite-scroll.component';\nexport { SkyPagingComponent as λ7 } from './lib/modules/paging/paging.component';\nexport { SkyRepeaterItemContentComponent as λ8 } from './lib/modules/repeater/repeater-item-content.component';\nexport { SkyRepeaterItemContextMenuComponent as λ9 } from './lib/modules/repeater/repeater-item-context-menu.component';\nexport { SkyRepeaterItemComponent as λ10 } from './lib/modules/repeater/repeater-item.component';\nexport { SkyRepeaterComponent as λ11 } from './lib/modules/repeater/repeater.component';\nexport { SkyRepeaterItemTitleComponent as λ12 } from './lib/modules/repeater/repeater-item-title.component';\nexport { SkySortItemComponent as λ13 } from './lib/modules/sort/sort-item.component';\nexport { SkySortComponent as λ14 } from './lib/modules/sort/sort.component';\n"]}
@@ -1,67 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyFilterButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
43
- SkyFilterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyFilterButtonComponent, decorators: [{
45
- type: Component,
46
- args: [{
47
- selector: 'sky-filter-button',
48
- styleUrls: ['./filter-button.component.scss'],
49
- templateUrl: './filter-button.component.html',
50
- changeDetection: ChangeDetectionStrategy.OnPush,
51
- }]
52
- }], propDecorators: { filterButtonId: [{
53
- type: Input
54
- }], ariaControls: [{
55
- type: Input
56
- }], ariaExpanded: [{
57
- type: Input
58
- }], active: [{
59
- type: Input
60
- }], disabled: [{
61
- type: Input
62
- }], showButtonText: [{
63
- type: Input
64
- }], filterButtonClick: [{
65
- type: Output
66
- }] } });
67
- //# sourceMappingURL=filter-button.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filter-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-button.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EAEL,MAAM,GACP,MAAM,eAAe,CAAC;;;;;;AAEvB,IAAI,MAAM,GAAG,CAAC,CAAC;AAQf,MAAM,OAAO,wBAAwB;IANrC;QAmCE;;;;WAIG;QAEI,WAAM,GAAG,KAAK,CAAC;QAEtB;;WAEG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;WAEG;QAEI,mBAAc,GAAG,KAAK,CAAC;QAE9B;;WAEG;QAEI,sBAAiB,GAAsB,IAAI,YAAY,EAAE,CAAC;KAOlE;IA3DC;;OAEG;IACH,IACW,cAAc;QACvB,OAAO,IAAI,CAAC,eAAe,IAAI,qBAAqB,EAAE,MAAM,EAAE,CAAC;IACjE,CAAC;IACD,IAAW,cAAc,CAAC,KAAa;QACrC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IA+CM,mBAAmB;QACxB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;;sHA3DU,wBAAwB;0GAAxB,wBAAwB,kSCjBrC,o2BAwBA;4FDPa,wBAAwB;kBANpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,WAAW,EAAE,gCAAgC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMY,cAAc;sBADxB,KAAK;gBAeC,YAAY;sBADlB,KAAK;gBASC,YAAY;sBADlB,KAAK;gBASC,MAAM;sBADZ,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBAOC,cAAc;sBADpB,KAAK;gBAOC,iBAAiB;sBADvB,MAAM","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n} from '@angular/core';\n\nlet nextId = 0;\n\n@Component({\n selector: 'sky-filter-button',\n styleUrls: ['./filter-button.component.scss'],\n templateUrl: './filter-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyFilterButtonComponent {\n /**\n * Specifies an ID for the filter button.\n */\n @Input()\n public get filterButtonId() {\n return this._filterButtonId || `sky-filter-button-${++nextId}`;\n }\n public set filterButtonId(value: string) {\n this._filterButtonId = value;\n }\n\n /**\n * Specifies an ID to identify the element that contains\n * the filtering options that the filter button exposes.\n * To support [accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure),\n * this property is necessary when using inline filters.\n */\n @Input()\n public ariaControls: string;\n\n /**\n * Indicates whether the filtering options are exposed.\n * To support [accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure),\n * this property is necessary when using inline filters.\n */\n @Input()\n public ariaExpanded: boolean;\n\n /**\n * Indicates whether to highlight the filter button to indicate that filters were applied.\n * We recommend setting this property to `true` when no indication of filtering is visible\n * to users. For example, set it to `true` if you do not display the filter summary.\n */\n @Input()\n public active = false;\n\n /**\n * Indicates whether to disable the filter button.\n */\n @Input()\n public disabled = false;\n\n /**\n * Indicates whether to display a **Filter** label beside the icon on the filter button.\n */\n @Input()\n public showButtonText = false;\n\n /**\n * Fires when the filter button is selected.\n */\n @Output()\n public filterButtonClick: EventEmitter<any> = new EventEmitter();\n\n private _filterButtonId: string;\n\n public filterButtonOnClick(): void {\n this.filterButtonClick.emit(undefined);\n }\n}\n","<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"]}
@@ -1,18 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkyFilterInlineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyFilterInlineItemComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-filter-inline-item',
14
- styleUrls: ['./filter-inline-item.component.scss'],
15
- templateUrl: './filter-inline-item.component.html',
16
- }]
17
- }] });
18
- //# sourceMappingURL=filter-inline-item.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filter-inline-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-inline-item.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-inline-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAMH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;8GAA5B,4BAA4B,8DCVzC,+EAGA;4FDOa,4BAA4B;kBALxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,SAAS,EAAE,CAAC,qCAAqC,CAAC;oBAClD,WAAW,EAAE,qCAAqC;iBACnD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies an inline filter.\n */\n@Component({\n selector: 'sky-filter-inline-item',\n styleUrls: ['./filter-inline-item.component.scss'],\n templateUrl: './filter-inline-item.component.html',\n})\nexport class SkyFilterInlineItemComponent {}\n","<div class=\"sky-filter-inline-item\">\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,18 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkyFilterInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterInlineComponent, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"] });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-filter-inline',
14
- styleUrls: ['./filter-inline.component.scss'],
15
- templateUrl: './filter-inline.component.html',
16
- }]
17
- }] });
18
- //# sourceMappingURL=filter-inline.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filter-inline.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-inline.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-inline.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAMH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;0GAAxB,wBAAwB,yDCVrC,mGAGA;4FDOa,wBAAwB;kBALpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,WAAW,EAAE,gCAAgC;iBAC9C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a wrapper for the inline filters.\n */\n@Component({\n selector: 'sky-filter-inline',\n styleUrls: ['./filter-inline.component.scss'],\n templateUrl: './filter-inline.component.html',\n})\nexport class SkyFilterInlineComponent {}\n","<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,50 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyFilterSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
34
- SkyFilterSummaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyFilterSummaryItemComponent, decorators: [{
36
- type: Component,
37
- args: [{
38
- selector: 'sky-filter-summary-item',
39
- styleUrls: ['./filter-summary-item.component.scss'],
40
- templateUrl: './filter-summary-item.component.html',
41
- changeDetection: ChangeDetectionStrategy.OnPush,
42
- }]
43
- }], propDecorators: { dismissible: [{
44
- type: Input
45
- }], dismiss: [{
46
- type: Output
47
- }], itemClick: [{
48
- type: Output
49
- }] } });
50
- //# sourceMappingURL=filter-summary-item.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filter-summary-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-summary-item.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-summary-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;;;;AAEvB;;GAEG;AAOH,MAAM,OAAO,6BAA6B;IAN1C;QAOE;;WAEG;QAEI,gBAAW,GAAG,IAAI,CAAC;QAE1B;;WAEG;QAEI,YAAO,GAAG,IAAI,YAAY,EAAQ,CAAC;QAE1C;;WAEG;QAEI,cAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;KAa7C;IAXQ,aAAa;QAClB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;;2HA7BU,6BAA6B;+GAA7B,6BAA6B,gKCjB1C,2UAaA;4FDIa,6BAA6B;kBANzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,SAAS,EAAE,CAAC,sCAAsC,CAAC;oBACnD,WAAW,EAAE,sCAAsC;oBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,WAAW;sBADjB,KAAK;gBAOC,OAAO;sBADb,MAAM;gBAOA,SAAS;sBADf,MAAM","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Specifies a filter that was applied.\n */\n@Component({\n selector: 'sky-filter-summary-item',\n styleUrls: ['./filter-summary-item.component.scss'],\n templateUrl: './filter-summary-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyFilterSummaryItemComponent {\n /**\n * Indicates whether the filter summary item has a close button.\n */\n @Input()\n public dismissible = true;\n\n /**\n * Fires when the summary item close button is selected.\n */\n @Output()\n public dismiss = new EventEmitter<void>();\n\n /**\n * Fires when the summary item is selected.\n */\n @Output()\n public itemClick = new EventEmitter<void>();\n\n public onItemDismiss(): void {\n this.dismiss.emit();\n }\n\n public onItemClick(): void {\n this.itemClick.emit();\n }\n\n public onItemKeypress(): void {\n this.itemClick.emit();\n }\n}\n","<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"]}
@@ -1,20 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyFilterSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- SkyFilterSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyFilterSummaryComponent, decorators: [{
12
- type: Component,
13
- args: [{
14
- selector: 'sky-filter-summary',
15
- styleUrls: ['./filter-summary.component.scss'],
16
- templateUrl: './filter-summary.component.html',
17
- changeDetection: ChangeDetectionStrategy.OnPush,
18
- }]
19
- }] });
20
- //# sourceMappingURL=filter-summary.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filter-summary.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-summary.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/filter/filter-summary.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAEnE;;GAEG;AAOH,MAAM,OAAO,yBAAyB;;uHAAzB,yBAAyB;2GAAzB,yBAAyB,0DCXtC,wPAQA;4FDGa,yBAAyB;kBANrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,SAAS,EAAE,CAAC,iCAAiC,CAAC;oBAC9C,WAAW,EAAE,iCAAiC;oBAC9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies a wrapper for the filters that were applied.\n */\n@Component({\n selector: 'sky-filter-summary',\n styleUrls: ['./filter-summary.component.scss'],\n templateUrl: './filter-summary.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyFilterSummaryComponent {}\n","<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"]}
@@ -1,61 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
15
- SkyFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyFilterModule, imports: [[
29
- CommonModule,
30
- SkyIconModule,
31
- SkyListsResourcesModule,
32
- SkyTokensModule,
33
- SkyThemeModule,
34
- ]] });
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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=filter.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filter.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/filter/filter.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;AAyBvE,MAAM,OAAO,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBArBxB,wBAAwB;QACxB,wBAAwB;QACxB,4BAA4B;QAC5B,yBAAyB;QACzB,6BAA6B,aAG7B,YAAY;QACZ,aAAa;QACb,uBAAuB;QACvB,eAAe;QACf,cAAc,aAGd,wBAAwB;QACxB,wBAAwB;QACxB,4BAA4B;QAC5B,yBAAyB;QACzB,6BAA6B;8GAGpB,eAAe,YAfjB;YACP,YAAY;YACZ,aAAa;YACb,uBAAuB;YACvB,eAAe;YACf,cAAc;SACf;4FASU,eAAe;kBAvB3B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;wBACxB,wBAAwB;wBACxB,4BAA4B;wBAC5B,yBAAyB;wBACzB,6BAA6B;qBAC9B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,uBAAuB;wBACvB,eAAe;wBACf,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,wBAAwB;wBACxB,wBAAwB;wBACxB,4BAA4B;wBAC5B,yBAAyB;wBACzB,6BAA6B;qBAC9B;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIconModule, SkyTokensModule } from '@skyux/indicators';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';\n\nimport { SkyFilterButtonComponent } from './filter-button.component';\nimport { SkyFilterInlineItemComponent } from './filter-inline-item.component';\nimport { SkyFilterInlineComponent } from './filter-inline.component';\nimport { SkyFilterSummaryItemComponent } from './filter-summary-item.component';\nimport { SkyFilterSummaryComponent } from './filter-summary.component';\n\n@NgModule({\n declarations: [\n SkyFilterButtonComponent,\n SkyFilterInlineComponent,\n SkyFilterInlineItemComponent,\n SkyFilterSummaryComponent,\n SkyFilterSummaryItemComponent,\n ],\n imports: [\n CommonModule,\n SkyIconModule,\n SkyListsResourcesModule,\n SkyTokensModule,\n SkyThemeModule,\n ],\n exports: [\n SkyFilterButtonComponent,\n SkyFilterInlineComponent,\n SkyFilterInlineItemComponent,\n SkyFilterSummaryComponent,\n SkyFilterSummaryItemComponent,\n ],\n})\nexport class SkyFilterModule {}\n"]}
@@ -1,93 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
89
- SkyInfiniteScrollDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollDomAdapterService });
90
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, decorators: [{
91
- type: Injectable
92
- }], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
93
- //# sourceMappingURL=infinite-scroll-dom-adapter.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"infinite-scroll-dom-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, EventEmitter, Injectable, OnDestroy } from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { Observable, Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { filter, map, takeUntil } from 'rxjs/operators';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInfiniteScrollDomAdapterService implements OnDestroy {\n private ngUnsubscribe = new Subject<void>();\n\n private observer: MutationObserver;\n\n private _parentChanges = new EventEmitter<void>();\n\n constructor(private windowRef: SkyAppWindowRef) {}\n\n public ngOnDestroy(): void {\n this._parentChanges.complete();\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n /**\n * This event is triggered when child nodes are added to the infinite\n * scroll parent container. e.g., A repeating list of elements was added.\n * @param elementRef The infinite scroll element reference.\n */\n public parentChanges(elementRef: ElementRef): Observable<void> {\n this.createObserver(elementRef.nativeElement);\n return this._parentChanges;\n }\n\n /**\n * This event is triggered when the provided element reference\n * is visible (or scrolled to) within its scrollable parent container.\n * @param elementRef The infinite scroll element reference.\n */\n public scrollTo(elementRef: ElementRef): Observable<void> {\n const parent = this.findScrollableParent(elementRef.nativeElement);\n\n return observableFromEvent(parent, 'scroll').pipe(\n takeUntil(this.ngUnsubscribe),\n filter(() => {\n return this.isElementScrolledInView(elementRef.nativeElement, parent);\n }),\n map(() => undefined) // Change to void return type\n );\n }\n\n private createObserver(element: any): void {\n this.observer = new MutationObserver((mutations: MutationRecord[]) => {\n const hasUpdates = !!mutations.find((mutation) => {\n return (\n !element.contains(mutation.target) && mutation.addedNodes.length > 0\n );\n });\n\n if (hasUpdates) {\n this._parentChanges.emit();\n }\n });\n\n const windowObj = this.windowRef.nativeWindow;\n const parent = this.findScrollableParent(element);\n const observedParent =\n parent === windowObj ? windowObj.document.body : parent;\n\n this.observer.observe(observedParent, {\n childList: true,\n subtree: true,\n });\n }\n\n private findScrollableParent(element: any): any {\n const regex = /(auto|scroll)/;\n const windowObj = this.windowRef.nativeWindow;\n const bodyObj = windowObj.document.body;\n\n let style = windowObj.getComputedStyle(element);\n let parent = element;\n\n do {\n parent = parent.parentNode;\n style = windowObj.getComputedStyle(parent);\n } while (\n !regex.test(style.overflow) &&\n !regex.test(style.overflowY) &&\n parent.parentNode &&\n parent !== bodyObj\n );\n\n if (parent === bodyObj) {\n return windowObj;\n }\n\n return parent;\n }\n\n private isElementScrolledInView(element: any, parentElement: any): boolean {\n const windowObj = this.windowRef.nativeWindow;\n\n if (parentElement === windowObj) {\n return (\n parentElement.pageYOffset + parentElement.innerHeight >\n element.offsetTop\n );\n }\n\n const elementRect = element.getBoundingClientRect();\n const parentRect = parentElement.getBoundingClientRect();\n\n return elementRect.top < parentRect.top + parentRect.height;\n }\n}\n"]}
@@ -1,115 +0,0 @@
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: "12.2.16", 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: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyInfiniteScrollComponent, decorators: [{
100
- type: Component,
101
- args: [{
102
- selector: 'sky-infinite-scroll',
103
- templateUrl: './infinite-scroll.component.html',
104
- styleUrls: ['./infinite-scroll.component.scss'],
105
- changeDetection: ChangeDetectionStrategy.OnPush,
106
- providers: [SkyInfiniteScrollDomAdapterService],
107
- }]
108
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyInfiniteScrollDomAdapterService }]; }, propDecorators: { enabled: [{
109
- type: Input
110
- }], loading: [{
111
- type: Input
112
- }], scrollEnd: [{
113
- type: Output
114
- }] } });
115
- //# sourceMappingURL=infinite-scroll.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"infinite-scroll.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/infinite-scroll/infinite-scroll.component.ts","../../../../../../../../libs/components/lists/src/lib/modules/infinite-scroll/infinite-scroll.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyInfiniteScrollDomAdapterService } from './infinite-scroll-dom-adapter.service';\n\n@Component({\n selector: 'sky-infinite-scroll',\n templateUrl: './infinite-scroll.component.html',\n styleUrls: ['./infinite-scroll.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [SkyInfiniteScrollDomAdapterService],\n})\nexport class SkyInfiniteScrollComponent implements OnDestroy {\n /**\n * Indicates whether to make the infinite scroll component active when more data is available\n * to load. By default, infinite scroll is inactive and does not call the load function.\n * @default false\n */\n @Input()\n public get enabled(): boolean {\n return this._enabled || false;\n }\n public set enabled(value: boolean) {\n if (this._enabled !== value) {\n this._enabled = value;\n this.setListeners();\n }\n }\n\n /**\n * Indicates whether data is loading because of a `scrollEnd` event. Setting the property\n * to `true` disables new `scrollEnd` events from firing until it changes to `false`. If this\n * property is not specified, the infinite scroll component watches the DOM for changes\n * and fires `scrollEnd` events when changes occur on its parent DOM element. Relying\n * on this default behavior could fire an excessive number of `scrollEnd` events\n * if the DOM changes are not related to loading data, so we strongly recommend using this\n * property to explicitly set the infinite scroll's loading state.\n * @required\n */\n @Input()\n public get loading(): boolean | undefined {\n return this._loading;\n }\n\n public set loading(value: boolean | undefined) {\n this._loading = value;\n\n if (value !== undefined) {\n this.isWaiting = value;\n }\n }\n\n /**\n * Fires when scrolling triggers the need to load more data or when users select the button\n * to load more data. This event only fires when the `enabled` property is set to `true`\n * and data is not already loading.\n */\n @Output()\n public scrollEnd = new EventEmitter<void>();\n\n public isWaiting = false;\n\n private ngUnsubscribe = new Subject<void>();\n\n private _enabled: boolean;\n\n private _loading: boolean | undefined;\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private elementRef: ElementRef,\n private domAdapter: SkyInfiniteScrollDomAdapterService\n ) {}\n\n public ngOnDestroy(): void {\n this.enabled = false;\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n public startInfiniteScrollLoad(): void {\n this.notifyScrollEnd();\n }\n\n private notifyScrollEnd(): void {\n this.isWaiting = true;\n this.scrollEnd.emit();\n this.changeDetector.markForCheck();\n }\n\n private setListeners(): void {\n if (this.enabled) {\n // The user has scrolled to the infinite scroll element.\n this.domAdapter\n .scrollTo(this.elementRef)\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n if (!this.isWaiting && this.enabled) {\n this.notifyScrollEnd();\n }\n });\n\n // New items have been loaded into the parent element.\n this.domAdapter\n .parentChanges(this.elementRef)\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n if (!this.loading) {\n this.isWaiting = false;\n this.changeDetector.markForCheck();\n }\n });\n } else {\n this.ngUnsubscribe.next();\n }\n }\n}\n","<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"]}
@@ -1,20 +0,0 @@
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: "12.2.16", ngImport: i0, type: SkyInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- SkyInfiniteScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollModule, declarations: [SkyInfiniteScrollComponent], imports: [CommonModule, SkyListsResourcesModule, SkyWaitModule], exports: [SkyInfiniteScrollComponent] });
11
- SkyInfiniteScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInfiniteScrollModule, imports: [[CommonModule, SkyListsResourcesModule, SkyWaitModule]] });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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=infinite-scroll.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"infinite-scroll.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lists/src/lib/modules/infinite-scroll/infinite-scroll.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;;AAOzE,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,iBAJnB,0BAA0B,aAC/B,YAAY,EAAE,uBAAuB,EAAE,aAAa,aACpD,0BAA0B;sHAEzB,uBAAuB,YAHzB,CAAC,YAAY,EAAE,uBAAuB,EAAE,aAAa,CAAC;4FAGpD,uBAAuB;kBALnC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,0BAA0B,CAAC;oBAC1C,OAAO,EAAE,CAAC,YAAY,EAAE,uBAAuB,EAAE,aAAa,CAAC;oBAC/D,OAAO,EAAE,CAAC,0BAA0B,CAAC;iBACtC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyWaitModule } from '@skyux/indicators';\n\nimport { SkyListsResourcesModule } from '../shared/sky-lists-resources.module';\n\nimport { SkyInfiniteScrollComponent } from './infinite-scroll.component';\n\n@NgModule({\n declarations: [SkyInfiniteScrollComponent],\n imports: [CommonModule, SkyListsResourcesModule, SkyWaitModule],\n exports: [SkyInfiniteScrollComponent],\n})\nexport class SkyInfiniteScrollModule {}\n"]}