@skyux/action-bars 5.0.0 → 5.5.0-alpha.0

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 (74) hide show
  1. package/README.md +6 -4
  2. package/bundles/skyux-action-bars-testing.umd.js +15 -16
  3. package/bundles/skyux-action-bars.umd.js +101 -90
  4. package/documentation.json +111 -55
  5. package/esm2015/index.js +11 -0
  6. package/esm2015/index.js.map +1 -0
  7. package/esm2015/lib/modules/shared/sky-action-bars-resources.module.js +50 -0
  8. package/esm2015/lib/modules/shared/sky-action-bars-resources.module.js.map +1 -0
  9. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.js +19 -0
  10. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.js.map +1 -0
  11. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.js +36 -0
  12. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.js.map +1 -0
  13. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.js +37 -0
  14. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.js.map +1 -0
  15. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.js +48 -0
  16. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.js.map +1 -0
  17. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.js +73 -0
  18. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.js.map +1 -0
  19. package/esm2015/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.js +18 -0
  20. package/esm2015/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.js.map +1 -0
  21. package/esm2015/lib/modules/summary-action-bar/summary-action-bar-adapter.service.js +81 -0
  22. package/esm2015/lib/modules/summary-action-bar/summary-action-bar-adapter.service.js.map +1 -0
  23. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js +179 -0
  24. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js.map +1 -0
  25. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.module.js +79 -0
  26. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.module.js.map +1 -0
  27. package/esm2015/lib/modules/summary-action-bar/types/summary-action-bar-type.js +12 -0
  28. package/esm2015/lib/modules/summary-action-bar/types/summary-action-bar-type.js.map +1 -0
  29. package/esm2015/skyux-action-bars.js +2 -2
  30. package/esm2015/skyux-action-bars.js.map +1 -0
  31. package/esm2015/testing/public-api.js +1 -1
  32. package/esm2015/testing/public-api.js.map +1 -0
  33. package/esm2015/testing/skyux-action-bars-testing.js +1 -1
  34. package/esm2015/testing/skyux-action-bars-testing.js.map +1 -0
  35. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture-action.js +1 -1
  36. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture-action.js.map +1 -0
  37. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture.js +4 -3
  38. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture.js.map +1 -0
  39. package/esm2015/testing/summary-action-bar/summary-action-bar.module.js +7 -7
  40. package/esm2015/testing/summary-action-bar/summary-action-bar.module.js.map +1 -0
  41. package/fesm2015/skyux-action-bars-testing.js +9 -8
  42. package/fesm2015/skyux-action-bars-testing.js.map +1 -1
  43. package/fesm2015/skyux-action-bars.js +78 -65
  44. package/fesm2015/skyux-action-bars.js.map +1 -1
  45. package/index.d.ts +8 -0
  46. package/{modules → lib/modules}/shared/sky-action-bars-resources.module.d.ts +0 -0
  47. package/{modules → lib/modules}/summary-action-bar/actions/summary-action-bar-actions.component.d.ts +0 -0
  48. package/{modules → lib/modules}/summary-action-bar/actions/summary-action-bar-cancel.component.d.ts +0 -0
  49. package/{modules → lib/modules}/summary-action-bar/actions/summary-action-bar-primary-action.component.d.ts +0 -0
  50. package/{modules → lib/modules}/summary-action-bar/actions/summary-action-bar-secondary-action.component.d.ts +0 -0
  51. package/{modules → lib/modules}/summary-action-bar/actions/summary-action-bar-secondary-actions.component.d.ts +0 -0
  52. package/{modules → lib/modules}/summary-action-bar/summary/summary-action-bar-summary.component.d.ts +0 -0
  53. package/{modules → lib/modules}/summary-action-bar/summary-action-bar-adapter.service.d.ts +0 -0
  54. package/{modules → lib/modules}/summary-action-bar/summary-action-bar.component.d.ts +0 -0
  55. package/{modules → lib/modules}/summary-action-bar/summary-action-bar.module.d.ts +0 -0
  56. package/{modules → lib/modules}/summary-action-bar/types/summary-action-bar-type.d.ts +0 -0
  57. package/package.json +9 -9
  58. package/skyux-action-bars.d.ts +1 -1
  59. package/LICENSE +0 -21
  60. package/bundles/skyux-action-bars-testing.umd.js.map +0 -1
  61. package/bundles/skyux-action-bars.umd.js.map +0 -1
  62. package/esm2015/modules/shared/sky-action-bars-resources.module.js +0 -41
  63. package/esm2015/modules/summary-action-bar/actions/summary-action-bar-actions.component.js +0 -19
  64. package/esm2015/modules/summary-action-bar/actions/summary-action-bar-cancel.component.js +0 -36
  65. package/esm2015/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.js +0 -37
  66. package/esm2015/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.js +0 -48
  67. package/esm2015/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.js +0 -71
  68. package/esm2015/modules/summary-action-bar/summary/summary-action-bar-summary.component.js +0 -18
  69. package/esm2015/modules/summary-action-bar/summary-action-bar-adapter.service.js +0 -80
  70. package/esm2015/modules/summary-action-bar/summary-action-bar.component.js +0 -177
  71. package/esm2015/modules/summary-action-bar/summary-action-bar.module.js +0 -79
  72. package/esm2015/modules/summary-action-bar/types/summary-action-bar-type.js +0 -12
  73. package/esm2015/public-api.js +0 -11
  74. package/public-api.d.ts +0 -8
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
- # @skyux/action-bars
1
+ # action-bars
2
2
 
3
- [![npm](https://img.shields.io/npm/v/@skyux/action-bars.svg)](https://www.npmjs.com/package/@skyux/action-bars)
4
- ![SKY UX CI](https://github.com/blackbaud/skyux-action-bars/workflows/SKY%20UX%20CI/badge.svg)
5
- [![coverage](https://codecov.io/gh/blackbaud/skyux-action-bars/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-action-bars/branch/master)
3
+ This library was generated with [Nx](https://nx.dev).
4
+
5
+ ## Running unit tests
6
+
7
+ Run `nx test action-bars` to execute the unit tests.
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/platform-browser'), require('@skyux-sdk/testing'), require('@angular/core'), require('@angular/platform-browser/animations'), require('@skyux/action-bars')) :
3
3
  typeof define === 'function' && define.amd ? define('@skyux/action-bars/testing', ['exports', '@angular/platform-browser', '@skyux-sdk/testing', '@angular/core', '@angular/platform-browser/animations', '@skyux/action-bars'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux['action-bars'] = global.skyux['action-bars'] || {}, global.skyux['action-bars'].testing = {}), global.ng.platformBrowser, global.testing, global.ng.core, global.ng.platformBrowser.animations, global.skyux['action-bars']));
5
- }(this, (function (exports, platformBrowser, testing, i0, animations, actionBars) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["action-bars"] = global.skyux["action-bars"] || {}, global.skyux["action-bars"].testing = {}), global.ng.platformBrowser, global.testing, global.ng.core, global.ng.platformBrowser.animations, global.skyux["action-bars"]));
5
+ })(this, (function (exports, platformBrowser, testing, i0, animations, actionBars) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
13
13
  var d = Object.getOwnPropertyDescriptor(e, k);
14
14
  Object.defineProperty(n, k, d.get ? d : {
15
15
  enumerable: true,
16
- get: function () {
17
- return e[k];
18
- }
16
+ get: function () { return e[k]; }
19
17
  });
20
18
  }
21
19
  });
22
20
  }
23
- n['default'] = e;
21
+ n["default"] = e;
24
22
  return Object.freeze(n);
25
23
  }
26
24
 
@@ -261,7 +259,7 @@
261
259
  ar[i] = from[i];
262
260
  }
263
261
  }
264
- return to.concat(ar || from);
262
+ return to.concat(ar || Array.prototype.slice.call(from));
265
263
  }
266
264
  function __await(v) {
267
265
  return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -479,7 +477,7 @@
479
477
  buttonEl.click();
480
478
  _this.fixture.detectChanges();
481
479
  return _this.fixture.whenStable();
482
- }
480
+ },
483
481
  };
484
482
  };
485
483
  SkySummaryActionBarFixture.prototype.getCancelButton = function () {
@@ -497,7 +495,8 @@
497
495
  return Array.prototype.slice.call(resultNodes);
498
496
  }
499
497
  // otherwise grab them from the component's debug element
500
- return this.debugEl.queryAll(platformBrowser.By.css('sky-summary-action-bar-secondary-action .sky-btn'))
498
+ return this.debugEl
499
+ .queryAll(platformBrowser.By.css('sky-summary-action-bar-secondary-action .sky-btn'))
501
500
  .map(function (debugEl) { return debugEl.nativeElement; });
502
501
  };
503
502
  SkySummaryActionBarFixture.prototype.getSecondaryActionsDropdownButton = function () {
@@ -530,24 +529,24 @@
530
529
  }
531
530
  return SkySummaryActionBarTestingModule;
532
531
  }());
533
- SkySummaryActionBarTestingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
534
- SkySummaryActionBarTestingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, exports: [actionBars.SkySummaryActionBarModule,
532
+ SkySummaryActionBarTestingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
533
+ SkySummaryActionBarTestingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, exports: [actionBars.SkySummaryActionBarModule,
535
534
  // The noop animations module needs to be loaded last to avoid
536
535
  // subsequent modules adding animations and overriding this.
537
536
  animations.NoopAnimationsModule] });
538
- SkySummaryActionBarTestingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, imports: [actionBars.SkySummaryActionBarModule,
537
+ SkySummaryActionBarTestingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, imports: [actionBars.SkySummaryActionBarModule,
539
538
  // The noop animations module needs to be loaded last to avoid
540
539
  // subsequent modules adding animations and overriding this.
541
540
  animations.NoopAnimationsModule] });
542
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, decorators: [{
541
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarTestingModule, decorators: [{
543
542
  type: i0.NgModule,
544
543
  args: [{
545
544
  exports: [
546
545
  actionBars.SkySummaryActionBarModule,
547
546
  // The noop animations module needs to be loaded last to avoid
548
547
  // subsequent modules adding animations and overriding this.
549
- animations.NoopAnimationsModule
550
- ]
548
+ animations.NoopAnimationsModule,
549
+ ],
551
550
  }]
552
551
  }] });
553
552
 
@@ -560,5 +559,5 @@
560
559
 
561
560
  Object.defineProperty(exports, '__esModule', { value: true });
562
561
 
563
- })));
562
+ }));
564
563
  //# sourceMappingURL=skyux-action-bars-testing.umd.js.map
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/popovers'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators'), require('@skyux/animations'), require('@skyux/core')) :
3
3
  typeof define === 'function' && define.amd ? define('@skyux/action-bars', ['exports', '@angular/core', '@angular/common', '@skyux/i18n', '@skyux/indicators', '@skyux/popovers', '@skyux/theme', 'rxjs', 'rxjs/operators', '@skyux/animations', '@skyux/core'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux['action-bars'] = {}), global.ng.core, global.ng.common, global.i6, global.i3, global.i2$1, global.i5, global.rxjs, global.rxjs.operators, global.animations, global.i2));
5
- }(this, (function (exports, i0, i4, i6, i3, i2$1, i5, rxjs, operators, animations, i2) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["action-bars"] = {}), global.ng.core, global.ng.common, global.i6, global.i3, global.i2$1, global.i5, global.rxjs, global.rxjs.operators, global.animations, global.i2));
5
+ })(this, (function (exports, i0, i4, i6, i3, i2$1, i5, rxjs, operators, animations, i2) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
13
13
  var d = Object.getOwnPropertyDescriptor(e, k);
14
14
  Object.defineProperty(n, k, d.get ? d : {
15
15
  enumerable: true,
16
- get: function () {
17
- return e[k];
18
- }
16
+ get: function () { return e[k]; }
19
17
  });
20
18
  }
21
19
  });
22
20
  }
23
- n['default'] = e;
21
+ n["default"] = e;
24
22
  return Object.freeze(n);
25
23
  }
26
24
 
@@ -39,7 +37,12 @@
39
37
  * To update this file, simply rerun the command.
40
38
  */
41
39
  var RESOURCES = {
42
- 'EN-US': { "skyux_summary_action_bar_open_secondary": { "message": "Show secondary actions" }, "skyux_summary_action_bar_show_summary": { "message": "Show summary" }, "skyux_summary_action_bar_hide_summary": { "message": "Hide summary" } },
40
+ 'EN-US': {
41
+ skyux_summary_action_bar_open_secondary: {
42
+ message: 'Show secondary actions',
43
+ },
44
+ skyux_summary_action_bar_expand: { message: 'Expand or collapse summary' },
45
+ },
43
46
  };
44
47
  var SkyActionBarsResourcesProvider = /** @class */ (function () {
45
48
  function SkyActionBarsResourcesProvider() {
@@ -57,22 +60,26 @@
57
60
  }
58
61
  return SkyActionBarsResourcesModule;
59
62
  }());
60
- SkyActionBarsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
61
- SkyActionBarsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, exports: [i6.SkyI18nModule] });
62
- SkyActionBarsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, providers: [{
63
+ SkyActionBarsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
64
+ SkyActionBarsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, exports: [i6.SkyI18nModule] });
65
+ SkyActionBarsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, providers: [
66
+ {
63
67
  provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
64
68
  useClass: SkyActionBarsResourcesProvider,
65
- multi: true
66
- }], imports: [i6.SkyI18nModule] });
67
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, decorators: [{
69
+ multi: true,
70
+ },
71
+ ], imports: [i6.SkyI18nModule] });
72
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, decorators: [{
68
73
  type: i0.NgModule,
69
74
  args: [{
70
75
  exports: [i6.SkyI18nModule],
71
- providers: [{
76
+ providers: [
77
+ {
72
78
  provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
73
79
  useClass: SkyActionBarsResourcesProvider,
74
- multi: true
75
- }]
80
+ multi: true,
81
+ },
82
+ ],
76
83
  }]
77
84
  }] });
78
85
 
@@ -84,14 +91,14 @@
84
91
  }
85
92
  return SkySummaryActionBarSummaryComponent;
86
93
  }());
87
- SkySummaryActionBarSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
88
- SkySummaryActionBarSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarSummaryComponent, selector: "sky-summary-action-bar-summary", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
89
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarSummaryComponent, decorators: [{
94
+ SkySummaryActionBarSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
95
+ SkySummaryActionBarSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSummaryComponent, selector: "sky-summary-action-bar-summary", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
96
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSummaryComponent, decorators: [{
90
97
  type: i0.Component,
91
98
  args: [{
92
99
  selector: 'sky-summary-action-bar-summary',
93
- templateUrl: './summary-action-bar-summary.component.html',
94
- changeDetection: i0.ChangeDetectionStrategy.OnPush
100
+ template: "<ng-content></ng-content>\n",
101
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
95
102
  }]
96
103
  }] });
97
104
 
@@ -178,9 +185,9 @@
178
185
  };
179
186
  return SkySummaryActionBarAdapterService;
180
187
  }());
181
- SkySummaryActionBarAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }, { token: i2__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
182
- SkySummaryActionBarAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService });
183
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService, decorators: [{
188
+ SkySummaryActionBarAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }, { token: i2__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
189
+ SkySummaryActionBarAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService });
190
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService, decorators: [{
184
191
  type: i0.Injectable
185
192
  }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }, { type: i2__namespace.SkyAppWindowRef }]; } });
186
193
 
@@ -207,15 +214,16 @@
207
214
  }
208
215
  Object.defineProperty(SkySummaryActionBarComponent.prototype, "isSummaryCollapsible", {
209
216
  get: function () {
210
- return this.type === SkySummaryActionBarType.StandardModal ||
211
- this.mediaQueryService.current === i2.SkyMediaBreakpoints.xs;
217
+ return (this.type === SkySummaryActionBarType.StandardModal ||
218
+ this.mediaQueryService.current === i2.SkyMediaBreakpoints.xs);
212
219
  },
213
220
  enumerable: false,
214
221
  configurable: true
215
222
  });
216
223
  SkySummaryActionBarComponent.prototype.ngAfterViewInit = function () {
217
224
  this.type = this.adapterService.getSummaryActionBarType(this.elementRef.nativeElement);
218
- if (!(this.type === SkySummaryActionBarType.FullPageModal || this.type === SkySummaryActionBarType.StandardModal)) {
225
+ if (!(this.type === SkySummaryActionBarType.FullPageModal ||
226
+ this.type === SkySummaryActionBarType.StandardModal)) {
219
227
  this.setupReactiveState();
220
228
  if (this.type === SkySummaryActionBarType.SplitView) {
221
229
  this.adapterService.styleSplitViewElementForActionBar(this.elementRef);
@@ -240,8 +248,8 @@
240
248
  if (this.type === SkySummaryActionBarType.SplitView) {
241
249
  this.adapterService.revertSplitViewElementStyles();
242
250
  }
243
- else if ((this.type === SkySummaryActionBarType.Page) ||
244
- (this.type === SkySummaryActionBarType.Tab)) {
251
+ else if (this.type === SkySummaryActionBarType.Page ||
252
+ this.type === SkySummaryActionBarType.Tab) {
245
253
  this.adapterService.revertBodyElementStyles();
246
254
  }
247
255
  this.removeResizeListener();
@@ -263,8 +271,8 @@
263
271
  if (this.slideDirection === 'up') {
264
272
  this.isSummaryCollapsed = true;
265
273
  }
266
- if ((this.type === SkySummaryActionBarType.Page) ||
267
- (this.type === SkySummaryActionBarType.Tab)) {
274
+ if (this.type === SkySummaryActionBarType.Page ||
275
+ this.type === SkySummaryActionBarType.Tab) {
268
276
  this.adapterService.styleBodyElementForActionBar(this.elementRef);
269
277
  }
270
278
  };
@@ -301,7 +309,12 @@
301
309
  }
302
310
  });
303
311
  }
304
- var config = { attributes: true, attributeFilter: ['hidden'], childList: false, characterDate: false };
312
+ var config = {
313
+ attributes: true,
314
+ attributeFilter: ['hidden'],
315
+ childList: false,
316
+ characterDate: false,
317
+ };
305
318
  var el = this.elementRef.nativeElement;
306
319
  do {
307
320
  if (el.classList.contains('sky-tab')) {
@@ -332,21 +345,17 @@
332
345
  };
333
346
  return SkySummaryActionBarComponent;
334
347
  }());
335
- SkySummaryActionBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarComponent, deps: [{ token: SkySummaryActionBarAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: i2__namespace.SkyMediaQueryService }, { token: i2__namespace.MutationObserverService }, { token: i2__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
336
- SkySummaryActionBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [
337
- SkySummaryActionBarAdapterService
338
- ], queries: [{ propertyName: "summaryElement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div\n class=\"sky-summary-action-bar-actions\"\n >\n <ng-content\n select=\"sky-summary-action-bar-actions\"\n ></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div\n class=\"sky-summary-action-bar-summary-body\"\n >\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content\n select=\"sky-summary-action-bar-summary\"\n ></ng-content>\n </div>\n <div *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.title]=\"isSummaryCollapsed ?\n ('skyux_summary_action_bar_hide_summary' | skyLibResources) :\n ('skyux_summary_action_bar_show_summary' | skyLibResources)\n \"\n [attr.aria-controls]=\"summaryId\"\n [attr.aria-expanded]=\"!isSummaryCollapsed\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default' : 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3__namespace.λ2, selector: "sky-chevron", inputs: ["direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i6__namespace.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
339
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarComponent, decorators: [{
348
+ SkySummaryActionBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarComponent, deps: [{ token: SkySummaryActionBarAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: i2__namespace.SkyMediaQueryService }, { token: i2__namespace.MutationObserverService }, { token: i2__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
349
+ SkySummaryActionBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "summaryElement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3__namespace.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i6__namespace.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
350
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarComponent, decorators: [{
340
351
  type: i0.Component,
341
352
  args: [{
342
353
  selector: 'sky-summary-action-bar',
343
- templateUrl: './summary-action-bar.component.html',
344
- styleUrls: ['./summary-action-bar.component.scss'],
354
+ template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n",
355
+ styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"],
345
356
  animations: [animations.skyAnimationSlide],
346
- providers: [
347
- SkySummaryActionBarAdapterService
348
- ],
349
- changeDetection: i0.ChangeDetectionStrategy.OnPush
357
+ providers: [SkySummaryActionBarAdapterService],
358
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
350
359
  }]
351
360
  }], ctorParameters: function () { return [{ type: SkySummaryActionBarAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: i2__namespace.SkyMediaQueryService }, { type: i2__namespace.MutationObserverService }, { type: i2__namespace.SkyAppWindowRef }]; }, propDecorators: { summaryElement: [{
352
361
  type: i0.ContentChild,
@@ -361,15 +370,15 @@
361
370
  }
362
371
  return SkySummaryActionBarActionsComponent;
363
372
  }());
364
- SkySummaryActionBarActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
365
- SkySummaryActionBarActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarActionsComponent, selector: "sky-summary-action-bar-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
366
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarActionsComponent, decorators: [{
373
+ SkySummaryActionBarActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
374
+ SkySummaryActionBarActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarActionsComponent, selector: "sky-summary-action-bar-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
375
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarActionsComponent, decorators: [{
367
376
  type: i0.Component,
368
377
  args: [{
369
378
  selector: 'sky-summary-action-bar-actions',
370
- templateUrl: './summary-action-bar-actions.component.html',
371
- styleUrls: ['./summary-action-bar-actions.component.scss'],
372
- changeDetection: i0.ChangeDetectionStrategy.OnPush
379
+ template: "<ng-content></ng-content>\n",
380
+ styles: [":host{display:inline-flex}\n"],
381
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
373
382
  }]
374
383
  }] });
375
384
 
@@ -392,15 +401,15 @@
392
401
  };
393
402
  return SkySummaryActionBarCancelComponent;
394
403
  }());
395
- SkySummaryActionBarCancelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarCancelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
396
- SkySummaryActionBarCancelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarCancelComponent, selector: "sky-summary-action-bar-cancel", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
397
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarCancelComponent, decorators: [{
404
+ SkySummaryActionBarCancelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarCancelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
405
+ SkySummaryActionBarCancelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarCancelComponent, selector: "sky-summary-action-bar-cancel", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
406
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarCancelComponent, decorators: [{
398
407
  type: i0.Component,
399
408
  args: [{
400
409
  selector: 'sky-summary-action-bar-cancel',
401
- templateUrl: './summary-action-bar-cancel.component.html',
402
- styleUrls: ['./summary-action-bar-cancel.component.scss'],
403
- changeDetection: i0.ChangeDetectionStrategy.OnPush
410
+ template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n",
411
+ styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"],
412
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
404
413
  }]
405
414
  }], propDecorators: { disabled: [{
406
415
  type: i0.Input
@@ -428,15 +437,15 @@
428
437
  };
429
438
  return SkySummaryActionBarPrimaryActionComponent;
430
439
  }());
431
- SkySummaryActionBarPrimaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
432
- SkySummaryActionBarPrimaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarPrimaryActionComponent, selector: "sky-summary-action-bar-primary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
433
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
440
+ SkySummaryActionBarPrimaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
441
+ SkySummaryActionBarPrimaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarPrimaryActionComponent, selector: "sky-summary-action-bar-primary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
442
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
434
443
  type: i0.Component,
435
444
  args: [{
436
445
  selector: 'sky-summary-action-bar-primary-action',
437
- templateUrl: './summary-action-bar-primary-action.component.html',
438
- styleUrls: ['./summary-action-bar-primary-action.component.scss'],
439
- changeDetection: i0.ChangeDetectionStrategy.OnPush
446
+ template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n",
447
+ styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"],
448
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
440
449
  }]
441
450
  }], propDecorators: { disabled: [{
442
451
  type: i0.Input
@@ -476,15 +485,15 @@
476
485
  };
477
486
  return SkySummaryActionBarSecondaryActionComponent;
478
487
  }());
479
- SkySummaryActionBarSecondaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
480
- SkySummaryActionBarSecondaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarSecondaryActionComponent, selector: "sky-summary-action-bar-secondary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary' : 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template\n #summaryActionBarSecondaryAction\n>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], components: [{ type: i2__namespace$1.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
481
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
488
+ SkySummaryActionBarSecondaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
489
+ SkySummaryActionBarSecondaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSecondaryActionComponent, selector: "sky-summary-action-bar-secondary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary': 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], components: [{ type: i2__namespace$1.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
490
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
482
491
  type: i0.Component,
483
492
  args: [{
484
493
  selector: 'sky-summary-action-bar-secondary-action',
485
- templateUrl: './summary-action-bar-secondary-action.component.html',
486
- styleUrls: ['./summary-action-bar-secondary-action.component.scss'],
487
- changeDetection: i0.ChangeDetectionStrategy.OnPush
494
+ template: "<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary': 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content></ng-content>\n</ng-template>\n",
495
+ styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"],
496
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
488
497
  }]
489
498
  }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
490
499
  type: i0.Input
@@ -534,7 +543,9 @@
534
543
  this.secondaryActionComponents.forEach(function (action) {
535
544
  action.isDropdown = isDropdown_1;
536
545
  _this.actionClicks.push(action.actionClick.subscribe(function () {
537
- _this.dropdownMessageStream.next({ type: i2$1.SkyDropdownMessageType.Close });
546
+ _this.dropdownMessageStream.next({
547
+ type: i2$1.SkyDropdownMessageType.Close,
548
+ });
538
549
  }));
539
550
  });
540
551
  }
@@ -542,14 +553,14 @@
542
553
  };
543
554
  return SkySummaryActionBarSecondaryActionsComponent;
544
555
  }());
545
- SkySummaryActionBarSecondaryActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i2__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
546
- SkySummaryActionBarSecondaryActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySummaryActionBarSecondaryActionsComponent, selector: "sky-summary-action-bar-secondary-actions", queries: [{ propertyName: "secondaryActionComponents", predicate: SkySummaryActionBarSecondaryActionComponent }], ngImport: i0__namespace, template: "<div *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template\n #summaryActionBarSecondaryActions\n>\n <ng-content\n select=\"sky-summary-action-bar-secondary-action\"\n ></ng-content>\n</ng-template>\n", components: [{ type: i2__namespace$1.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2__namespace$1.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i6__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
547
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
556
+ SkySummaryActionBarSecondaryActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i2__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
557
+ SkySummaryActionBarSecondaryActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSecondaryActionsComponent, selector: "sky-summary-action-bar-secondary-actions", queries: [{ propertyName: "secondaryActionComponents", predicate: SkySummaryActionBarSecondaryActionComponent }], ngImport: i0__namespace, template: "<div\n *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n", components: [{ type: i2__namespace$1.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2__namespace$1.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i6__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
558
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
548
559
  type: i0.Component,
549
560
  args: [{
550
561
  selector: 'sky-summary-action-bar-secondary-actions',
551
- templateUrl: './summary-action-bar-secondary-actions.component.html',
552
- changeDetection: i0.ChangeDetectionStrategy.OnPush
562
+ template: "<div\n *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n",
563
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
553
564
  }]
554
565
  }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i2__namespace.SkyMediaQueryService }]; }, propDecorators: { secondaryActionComponents: [{
555
566
  type: i0.ContentChildren,
@@ -561,8 +572,8 @@
561
572
  }
562
573
  return SkySummaryActionBarModule;
563
574
  }());
564
- SkySummaryActionBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
565
- SkySummaryActionBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarModule, declarations: [SkySummaryActionBarActionsComponent,
575
+ SkySummaryActionBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
576
+ SkySummaryActionBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, declarations: [SkySummaryActionBarActionsComponent,
566
577
  SkySummaryActionBarCancelComponent,
567
578
  SkySummaryActionBarComponent,
568
579
  SkySummaryActionBarPrimaryActionComponent,
@@ -581,16 +592,16 @@
581
592
  SkySummaryActionBarSecondaryActionComponent,
582
593
  SkySummaryActionBarSecondaryActionsComponent,
583
594
  SkySummaryActionBarSummaryComponent] });
584
- SkySummaryActionBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarModule, imports: [[
595
+ SkySummaryActionBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, imports: [[
585
596
  i4.CommonModule,
586
597
  i3.SkyChevronModule,
587
598
  i2$1.SkyDropdownModule,
588
599
  i6.SkyI18nModule,
589
600
  i3.SkyIconModule,
590
601
  SkyActionBarsResourcesModule,
591
- i5.SkyThemeModule
602
+ i5.SkyThemeModule,
592
603
  ]] });
593
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySummaryActionBarModule, decorators: [{
604
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, decorators: [{
594
605
  type: i0.NgModule,
595
606
  args: [{
596
607
  declarations: [
@@ -600,7 +611,7 @@
600
611
  SkySummaryActionBarPrimaryActionComponent,
601
612
  SkySummaryActionBarSecondaryActionComponent,
602
613
  SkySummaryActionBarSecondaryActionsComponent,
603
- SkySummaryActionBarSummaryComponent
614
+ SkySummaryActionBarSummaryComponent,
604
615
  ],
605
616
  imports: [
606
617
  i4.CommonModule,
@@ -609,7 +620,7 @@
609
620
  i6.SkyI18nModule,
610
621
  i3.SkyIconModule,
611
622
  SkyActionBarsResourcesModule,
612
- i5.SkyThemeModule
623
+ i5.SkyThemeModule,
613
624
  ],
614
625
  exports: [
615
626
  SkySummaryActionBarComponent,
@@ -618,8 +629,8 @@
618
629
  SkySummaryActionBarPrimaryActionComponent,
619
630
  SkySummaryActionBarSecondaryActionComponent,
620
631
  SkySummaryActionBarSecondaryActionsComponent,
621
- SkySummaryActionBarSummaryComponent
622
- ]
632
+ SkySummaryActionBarSummaryComponent,
633
+ ],
623
634
  }]
624
635
  }] });
625
636
 
@@ -628,15 +639,15 @@
628
639
  */
629
640
 
630
641
  exports.SkySummaryActionBarModule = SkySummaryActionBarModule;
631
- exports1 = SkySummaryActionBarSummaryComponent;
632
- exports2 = SkySummaryActionBarComponent;
633
- exports3 = SkySummaryActionBarActionsComponent;
634
- exports4 = SkySummaryActionBarCancelComponent;
635
- exports5 = SkySummaryActionBarPrimaryActionComponent;
636
- exports6 = SkySummaryActionBarSecondaryActionComponent;
637
- exports7 = SkySummaryActionBarSecondaryActionsComponent;
642
+ exports["λ1"] = SkySummaryActionBarSummaryComponent;
643
+ exports["λ2"] = SkySummaryActionBarComponent;
644
+ exports["λ3"] = SkySummaryActionBarActionsComponent;
645
+ exports["λ4"] = SkySummaryActionBarCancelComponent;
646
+ exports["λ5"] = SkySummaryActionBarPrimaryActionComponent;
647
+ exports["λ6"] = SkySummaryActionBarSecondaryActionComponent;
648
+ exports["λ7"] = SkySummaryActionBarSecondaryActionsComponent;
638
649
 
639
650
  Object.defineProperty(exports, '__esModule', { value: true });
640
651
 
641
- })));
652
+ }));
642
653
  //# sourceMappingURL=skyux-action-bars.umd.js.map