@skyux/action-bars 5.0.0-beta.3 → 5.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-action-bars-testing.umd.js +14 -15
- package/bundles/skyux-action-bars.umd.js +87 -85
- package/documentation.json +79 -74
- package/esm2015/modules/shared/sky-action-bars-resources.module.js +6 -6
- package/esm2015/modules/summary-action-bar/actions/summary-action-bar-actions.component.js +5 -5
- package/esm2015/modules/summary-action-bar/actions/summary-action-bar-cancel.component.js +6 -6
- package/esm2015/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.js +6 -6
- package/esm2015/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.js +6 -6
- package/esm2015/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.js +10 -8
- package/esm2015/modules/summary-action-bar/summary/summary-action-bar-summary.component.js +5 -5
- package/esm2015/modules/summary-action-bar/summary-action-bar-adapter.service.js +5 -5
- package/esm2015/modules/summary-action-bar/summary-action-bar.component.js +22 -20
- package/esm2015/modules/summary-action-bar/summary-action-bar.module.js +10 -10
- package/esm2015/modules/summary-action-bar/types/summary-action-bar-type.js +1 -1
- package/esm2015/testing/summary-action-bar/summary-action-bar-fixture.js +4 -3
- package/esm2015/testing/summary-action-bar/summary-action-bar.module.js +7 -7
- package/fesm2015/skyux-action-bars-testing.js +9 -8
- package/fesm2015/skyux-action-bars-testing.js.map +1 -1
- package/fesm2015/skyux-action-bars.js +64 -60
- package/fesm2015/skyux-action-bars.js.map +1 -1
- package/package.json +9 -9
- package/bundles/skyux-action-bars-testing.umd.js.map +0 -1
- package/bundles/skyux-action-bars.umd.js.map +0 -1
|
@@ -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[
|
|
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[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -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
|
|
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.
|
|
534
|
-
SkySummaryActionBarTestingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
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.
|
|
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.
|
|
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[
|
|
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[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -39,7 +37,7 @@
|
|
|
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" }, "
|
|
40
|
+
'EN-US': { "skyux_summary_action_bar_open_secondary": { "message": "Show secondary actions" }, "skyux_summary_action_bar_expand": { "message": "Expand or collapse summary" } },
|
|
43
41
|
};
|
|
44
42
|
var SkyActionBarsResourcesProvider = /** @class */ (function () {
|
|
45
43
|
function SkyActionBarsResourcesProvider() {
|
|
@@ -57,14 +55,14 @@
|
|
|
57
55
|
}
|
|
58
56
|
return SkyActionBarsResourcesModule;
|
|
59
57
|
}());
|
|
60
|
-
SkyActionBarsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
61
|
-
SkyActionBarsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
62
|
-
SkyActionBarsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
58
|
+
SkyActionBarsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
59
|
+
SkyActionBarsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, exports: [i6.SkyI18nModule] });
|
|
60
|
+
SkyActionBarsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, providers: [{
|
|
63
61
|
provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
|
|
64
62
|
useClass: SkyActionBarsResourcesProvider,
|
|
65
63
|
multi: true
|
|
66
64
|
}], imports: [i6.SkyI18nModule] });
|
|
67
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
65
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionBarsResourcesModule, decorators: [{
|
|
68
66
|
type: i0.NgModule,
|
|
69
67
|
args: [{
|
|
70
68
|
exports: [i6.SkyI18nModule],
|
|
@@ -84,14 +82,14 @@
|
|
|
84
82
|
}
|
|
85
83
|
return SkySummaryActionBarSummaryComponent;
|
|
86
84
|
}());
|
|
87
|
-
SkySummaryActionBarSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
88
|
-
SkySummaryActionBarSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
89
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
85
|
+
SkySummaryActionBarSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
86
|
+
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 });
|
|
87
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSummaryComponent, decorators: [{
|
|
90
88
|
type: i0.Component,
|
|
91
89
|
args: [{
|
|
92
90
|
selector: 'sky-summary-action-bar-summary',
|
|
93
|
-
|
|
94
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
91
|
+
template: "<ng-content></ng-content>\n",
|
|
92
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
95
93
|
}]
|
|
96
94
|
}] });
|
|
97
95
|
|
|
@@ -178,9 +176,9 @@
|
|
|
178
176
|
};
|
|
179
177
|
return SkySummaryActionBarAdapterService;
|
|
180
178
|
}());
|
|
181
|
-
SkySummaryActionBarAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
182
|
-
SkySummaryActionBarAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
183
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
179
|
+
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 });
|
|
180
|
+
SkySummaryActionBarAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService });
|
|
181
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarAdapterService, decorators: [{
|
|
184
182
|
type: i0.Injectable
|
|
185
183
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }, { type: i2__namespace.SkyAppWindowRef }]; } });
|
|
186
184
|
|
|
@@ -207,15 +205,16 @@
|
|
|
207
205
|
}
|
|
208
206
|
Object.defineProperty(SkySummaryActionBarComponent.prototype, "isSummaryCollapsible", {
|
|
209
207
|
get: function () {
|
|
210
|
-
return this.type === SkySummaryActionBarType.StandardModal ||
|
|
211
|
-
this.mediaQueryService.current === i2.SkyMediaBreakpoints.xs;
|
|
208
|
+
return (this.type === SkySummaryActionBarType.StandardModal ||
|
|
209
|
+
this.mediaQueryService.current === i2.SkyMediaBreakpoints.xs);
|
|
212
210
|
},
|
|
213
211
|
enumerable: false,
|
|
214
212
|
configurable: true
|
|
215
213
|
});
|
|
216
214
|
SkySummaryActionBarComponent.prototype.ngAfterViewInit = function () {
|
|
217
215
|
this.type = this.adapterService.getSummaryActionBarType(this.elementRef.nativeElement);
|
|
218
|
-
if (!(this.type === SkySummaryActionBarType.FullPageModal ||
|
|
216
|
+
if (!(this.type === SkySummaryActionBarType.FullPageModal ||
|
|
217
|
+
this.type === SkySummaryActionBarType.StandardModal)) {
|
|
219
218
|
this.setupReactiveState();
|
|
220
219
|
if (this.type === SkySummaryActionBarType.SplitView) {
|
|
221
220
|
this.adapterService.styleSplitViewElementForActionBar(this.elementRef);
|
|
@@ -240,8 +239,8 @@
|
|
|
240
239
|
if (this.type === SkySummaryActionBarType.SplitView) {
|
|
241
240
|
this.adapterService.revertSplitViewElementStyles();
|
|
242
241
|
}
|
|
243
|
-
else if (
|
|
244
|
-
|
|
242
|
+
else if (this.type === SkySummaryActionBarType.Page ||
|
|
243
|
+
this.type === SkySummaryActionBarType.Tab) {
|
|
245
244
|
this.adapterService.revertBodyElementStyles();
|
|
246
245
|
}
|
|
247
246
|
this.removeResizeListener();
|
|
@@ -263,8 +262,8 @@
|
|
|
263
262
|
if (this.slideDirection === 'up') {
|
|
264
263
|
this.isSummaryCollapsed = true;
|
|
265
264
|
}
|
|
266
|
-
if (
|
|
267
|
-
|
|
265
|
+
if (this.type === SkySummaryActionBarType.Page ||
|
|
266
|
+
this.type === SkySummaryActionBarType.Tab) {
|
|
268
267
|
this.adapterService.styleBodyElementForActionBar(this.elementRef);
|
|
269
268
|
}
|
|
270
269
|
};
|
|
@@ -301,7 +300,12 @@
|
|
|
301
300
|
}
|
|
302
301
|
});
|
|
303
302
|
}
|
|
304
|
-
var config = {
|
|
303
|
+
var config = {
|
|
304
|
+
attributes: true,
|
|
305
|
+
attributeFilter: ['hidden'],
|
|
306
|
+
childList: false,
|
|
307
|
+
characterDate: false,
|
|
308
|
+
};
|
|
305
309
|
var el = this.elementRef.nativeElement;
|
|
306
310
|
do {
|
|
307
311
|
if (el.classList.contains('sky-tab')) {
|
|
@@ -332,21 +336,17 @@
|
|
|
332
336
|
};
|
|
333
337
|
return SkySummaryActionBarComponent;
|
|
334
338
|
}());
|
|
335
|
-
SkySummaryActionBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
336
|
-
SkySummaryActionBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
337
|
-
|
|
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}.sky-theme-modern .sky-summary-action-bar-actions,:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body,:host-context(.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,:host-context(.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,:host-context(.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,:host-context(.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,:host-context(.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,: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-theme-mode-dark .sky-summary-action-bar,:host-context(.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,:host-context(.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.SkyThemeClassDirective, 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.4", ngImport: i0__namespace, type: SkySummaryActionBarComponent, decorators: [{
|
|
339
|
+
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 });
|
|
340
|
+
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 });
|
|
341
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarComponent, decorators: [{
|
|
340
342
|
type: i0.Component,
|
|
341
343
|
args: [{
|
|
342
344
|
selector: 'sky-summary-action-bar',
|
|
343
|
-
|
|
344
|
-
|
|
345
|
+
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",
|
|
346
|
+
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
347
|
animations: [animations.skyAnimationSlide],
|
|
346
|
-
providers: [
|
|
347
|
-
|
|
348
|
-
],
|
|
349
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
348
|
+
providers: [SkySummaryActionBarAdapterService],
|
|
349
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
350
350
|
}]
|
|
351
351
|
}], 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
352
|
type: i0.ContentChild,
|
|
@@ -361,15 +361,15 @@
|
|
|
361
361
|
}
|
|
362
362
|
return SkySummaryActionBarActionsComponent;
|
|
363
363
|
}());
|
|
364
|
-
SkySummaryActionBarActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
365
|
-
SkySummaryActionBarActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
366
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
364
|
+
SkySummaryActionBarActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
365
|
+
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 });
|
|
366
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarActionsComponent, decorators: [{
|
|
367
367
|
type: i0.Component,
|
|
368
368
|
args: [{
|
|
369
369
|
selector: 'sky-summary-action-bar-actions',
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
370
|
+
template: "<ng-content></ng-content>\n",
|
|
371
|
+
styles: [":host{display:inline-flex}\n"],
|
|
372
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
373
373
|
}]
|
|
374
374
|
}] });
|
|
375
375
|
|
|
@@ -392,15 +392,15 @@
|
|
|
392
392
|
};
|
|
393
393
|
return SkySummaryActionBarCancelComponent;
|
|
394
394
|
}());
|
|
395
|
-
SkySummaryActionBarCancelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
396
|
-
SkySummaryActionBarCancelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
397
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
395
|
+
SkySummaryActionBarCancelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarCancelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
396
|
+
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 });
|
|
397
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarCancelComponent, decorators: [{
|
|
398
398
|
type: i0.Component,
|
|
399
399
|
args: [{
|
|
400
400
|
selector: 'sky-summary-action-bar-cancel',
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
401
|
+
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",
|
|
402
|
+
styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"],
|
|
403
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
404
404
|
}]
|
|
405
405
|
}], propDecorators: { disabled: [{
|
|
406
406
|
type: i0.Input
|
|
@@ -428,15 +428,15 @@
|
|
|
428
428
|
};
|
|
429
429
|
return SkySummaryActionBarPrimaryActionComponent;
|
|
430
430
|
}());
|
|
431
|
-
SkySummaryActionBarPrimaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
432
|
-
SkySummaryActionBarPrimaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
433
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
431
|
+
SkySummaryActionBarPrimaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
432
|
+
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 });
|
|
433
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
|
|
434
434
|
type: i0.Component,
|
|
435
435
|
args: [{
|
|
436
436
|
selector: 'sky-summary-action-bar-primary-action',
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
437
|
+
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",
|
|
438
|
+
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"],
|
|
439
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
440
440
|
}]
|
|
441
441
|
}], propDecorators: { disabled: [{
|
|
442
442
|
type: i0.Input
|
|
@@ -476,15 +476,15 @@
|
|
|
476
476
|
};
|
|
477
477
|
return SkySummaryActionBarSecondaryActionComponent;
|
|
478
478
|
}());
|
|
479
|
-
SkySummaryActionBarSecondaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
480
|
-
SkySummaryActionBarSecondaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
481
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
479
|
+
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 });
|
|
480
|
+
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 });
|
|
481
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
|
|
482
482
|
type: i0.Component,
|
|
483
483
|
args: [{
|
|
484
484
|
selector: 'sky-summary-action-bar-secondary-action',
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
485
|
+
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",
|
|
486
|
+
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"],
|
|
487
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
488
488
|
}]
|
|
489
489
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
490
490
|
type: i0.Input
|
|
@@ -534,7 +534,9 @@
|
|
|
534
534
|
this.secondaryActionComponents.forEach(function (action) {
|
|
535
535
|
action.isDropdown = isDropdown_1;
|
|
536
536
|
_this.actionClicks.push(action.actionClick.subscribe(function () {
|
|
537
|
-
_this.dropdownMessageStream.next({
|
|
537
|
+
_this.dropdownMessageStream.next({
|
|
538
|
+
type: i2$1.SkyDropdownMessageType.Close,
|
|
539
|
+
});
|
|
538
540
|
}));
|
|
539
541
|
});
|
|
540
542
|
}
|
|
@@ -542,14 +544,14 @@
|
|
|
542
544
|
};
|
|
543
545
|
return SkySummaryActionBarSecondaryActionsComponent;
|
|
544
546
|
}());
|
|
545
|
-
SkySummaryActionBarSecondaryActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
546
|
-
SkySummaryActionBarSecondaryActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
547
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
547
|
+
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 });
|
|
548
|
+
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 });
|
|
549
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
|
|
548
550
|
type: i0.Component,
|
|
549
551
|
args: [{
|
|
550
552
|
selector: 'sky-summary-action-bar-secondary-actions',
|
|
551
|
-
|
|
552
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
553
|
+
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",
|
|
554
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
553
555
|
}]
|
|
554
556
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i2__namespace.SkyMediaQueryService }]; }, propDecorators: { secondaryActionComponents: [{
|
|
555
557
|
type: i0.ContentChildren,
|
|
@@ -561,8 +563,8 @@
|
|
|
561
563
|
}
|
|
562
564
|
return SkySummaryActionBarModule;
|
|
563
565
|
}());
|
|
564
|
-
SkySummaryActionBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
565
|
-
SkySummaryActionBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
566
|
+
SkySummaryActionBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
567
|
+
SkySummaryActionBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, declarations: [SkySummaryActionBarActionsComponent,
|
|
566
568
|
SkySummaryActionBarCancelComponent,
|
|
567
569
|
SkySummaryActionBarComponent,
|
|
568
570
|
SkySummaryActionBarPrimaryActionComponent,
|
|
@@ -581,16 +583,16 @@
|
|
|
581
583
|
SkySummaryActionBarSecondaryActionComponent,
|
|
582
584
|
SkySummaryActionBarSecondaryActionsComponent,
|
|
583
585
|
SkySummaryActionBarSummaryComponent] });
|
|
584
|
-
SkySummaryActionBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
586
|
+
SkySummaryActionBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, imports: [[
|
|
585
587
|
i4.CommonModule,
|
|
586
588
|
i3.SkyChevronModule,
|
|
587
589
|
i2$1.SkyDropdownModule,
|
|
588
590
|
i6.SkyI18nModule,
|
|
589
591
|
i3.SkyIconModule,
|
|
590
592
|
SkyActionBarsResourcesModule,
|
|
591
|
-
i5.SkyThemeModule
|
|
593
|
+
i5.SkyThemeModule,
|
|
592
594
|
]] });
|
|
593
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
595
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarModule, decorators: [{
|
|
594
596
|
type: i0.NgModule,
|
|
595
597
|
args: [{
|
|
596
598
|
declarations: [
|
|
@@ -600,7 +602,7 @@
|
|
|
600
602
|
SkySummaryActionBarPrimaryActionComponent,
|
|
601
603
|
SkySummaryActionBarSecondaryActionComponent,
|
|
602
604
|
SkySummaryActionBarSecondaryActionsComponent,
|
|
603
|
-
SkySummaryActionBarSummaryComponent
|
|
605
|
+
SkySummaryActionBarSummaryComponent,
|
|
604
606
|
],
|
|
605
607
|
imports: [
|
|
606
608
|
i4.CommonModule,
|
|
@@ -609,7 +611,7 @@
|
|
|
609
611
|
i6.SkyI18nModule,
|
|
610
612
|
i3.SkyIconModule,
|
|
611
613
|
SkyActionBarsResourcesModule,
|
|
612
|
-
i5.SkyThemeModule
|
|
614
|
+
i5.SkyThemeModule,
|
|
613
615
|
],
|
|
614
616
|
exports: [
|
|
615
617
|
SkySummaryActionBarComponent,
|
|
@@ -618,8 +620,8 @@
|
|
|
618
620
|
SkySummaryActionBarPrimaryActionComponent,
|
|
619
621
|
SkySummaryActionBarSecondaryActionComponent,
|
|
620
622
|
SkySummaryActionBarSecondaryActionsComponent,
|
|
621
|
-
SkySummaryActionBarSummaryComponent
|
|
622
|
-
]
|
|
623
|
+
SkySummaryActionBarSummaryComponent,
|
|
624
|
+
],
|
|
623
625
|
}]
|
|
624
626
|
}] });
|
|
625
627
|
|
|
@@ -628,15 +630,15 @@
|
|
|
628
630
|
*/
|
|
629
631
|
|
|
630
632
|
exports.SkySummaryActionBarModule = SkySummaryActionBarModule;
|
|
631
|
-
exports
|
|
632
|
-
exports
|
|
633
|
-
exports
|
|
634
|
-
exports
|
|
635
|
-
exports
|
|
636
|
-
exports
|
|
637
|
-
exports
|
|
633
|
+
exports["λ1"] = SkySummaryActionBarSummaryComponent;
|
|
634
|
+
exports["λ2"] = SkySummaryActionBarComponent;
|
|
635
|
+
exports["λ3"] = SkySummaryActionBarActionsComponent;
|
|
636
|
+
exports["λ4"] = SkySummaryActionBarCancelComponent;
|
|
637
|
+
exports["λ5"] = SkySummaryActionBarPrimaryActionComponent;
|
|
638
|
+
exports["λ6"] = SkySummaryActionBarSecondaryActionComponent;
|
|
639
|
+
exports["λ7"] = SkySummaryActionBarSecondaryActionsComponent;
|
|
638
640
|
|
|
639
641
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
640
642
|
|
|
641
|
-
}))
|
|
643
|
+
}));
|
|
642
644
|
//# sourceMappingURL=skyux-action-bars.umd.js.map
|